:root {
  --color-bg-start: #170f26;
  --color-bg-end: #2f1b4d;
  --color-text: #f7f6fa;
  --color-text-muted: #c9bcdb;
  --color-surface: #1e1330;
  --color-border: #453263;
  --color-gold-dark: #a3841f;
  --color-gold-light: #f0cf6c;
  --font-heading: 'Orbitron', system-ui, sans-serif;
  --font-body: 'Exo 2', system-ui, sans-serif;
}

body {
  font-family: var(--font-body);
  background: linear-gradient(160deg, var(--color-bg-start), var(--color-bg-end));
  color: var(--color-text);
}

button,
input {
  font-family: inherit;
  font-size: inherit;
}

h1 {
  font-family: var(--font-heading);
  letter-spacing: 3px;
  text-transform: uppercase;
}