/* ══════════════════════════════════════════
   DESIGN TOKENS — Alarion
══════════════════════════════════════════ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --bg:        #010b1c;
  --bg-2:      #010912;
  --bg-3:      #010a18;
  --gold:      #d9a441;
  --gold-dim:  rgba(217,164,65,0.15);
  --gold-line: rgba(217,164,65,0.08);
  --white:     rgba(255,255,255,0.88);
  --muted:     rgba(255,255,255,0.35);
  --faint:     rgba(255,255,255,0.10);
  --border:    rgba(255,255,255,0.06);
}

html { scroll-behavior: smooth; }

body {
  background: var(--bg);
  color: var(--white);
  font-family: 'Inter', system-ui, sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  cursor: auto;
  overflow-x: hidden;
}