/* Celestial Aether — design tokens.
   Two tiers:
     1. --aether-* brand primitives (reference-only; do NOT consume directly in components)
     2. --color-* / --text-* / --font-* / --space-* / etc. semantic tokens (components use THESE)
   Dark-committed by choice — a launcher has one world. */
:root {
  /* --- tier 1: brand primitives (reference-only) --- */
  --aether-deep:#12162e; --aether-void:#0e1330; --aether-indigo:#1b2350; --aether-periwinkle:#3a3f7a;
  --aether-gold:#f2c879; --aether-gold-soft:#fff3d6; --aether-cyan:#7ee8fa;
  --aether-mint:#8fe3b0; --aether-rose:#ff8fb4; --aether-ember:#ff6b81;
  --ink:#eef1ff; --ink-dim:#aeb6da; --ink-faint:#7e86ad;

  /* --- tier 2: semantic (use THESE in components) --- */
  --color-bg:var(--aether-deep);
  --color-surface:rgba(23,29,62,.46);        /* frosted-glass fill */
  --color-surface-solid:#171d3e;             /* opaque panels */
  --color-border:rgba(180,200,255,.16);
  --color-border-strong:rgba(180,200,255,.30);
  --text-primary:var(--ink); --text-secondary:var(--ink-dim); --text-muted:var(--ink-faint);
  --color-accent:var(--aether-gold); --color-accent-ink:#3a2a08; --color-accent-2:var(--aether-cyan);
  --color-success:var(--aether-mint); --color-danger:var(--aether-ember);

  /* glass + glow (the chrome vocabulary) */
  --glass-blur:blur(16px) saturate(150%);
  --edge-highlight:inset 0 1px 0 rgba(255,255,255,.08);
  --glow-accent:0 14px 44px -10px rgba(242,200,121,.6);

  /* type */
  --font-display:"Cinzel","Cormorant Garamond",Georgia,serif;   /* wordmark, uppercase, tracked */
  --font-serif:"Cormorant Garamond",Georgia,serif;              /* subtitles / lore */
  --font-ui:"Manrope","Segoe UI",system-ui,sans-serif;          /* body / HUD / buttons */
  --font-mono:"Cascadia Code",Consolas,ui-monospace,monospace;  /* version/build tags */
  --text-xs:11px; --text-sm:13px; --text-md:15px; --text-lg:20px; --text-xl:28px; --text-display:56px;

  /* space (4px scale), radius, motion, z */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-6:24px; --space-8:32px;
  --radius-sm:6px; --radius-md:12px; --radius-lg:16px; --radius-pill:999px;
  --motion-fast:130ms ease; --motion:220ms ease;
}