/* Prototype 04: Afterglow · design tokens (see .tastemaker/style-lock.md)
   Three color waves share every layout and motion value. Pick one with ?theme=ion|redline|prism.
   Channels (*-rgb) feed every translucent tint, so a theme only swaps values here. */
:root {
  /* dark space */
  --void-rgb: 5 7 13;
  --deep-rgb: 8 12 24;
  --void: rgb(var(--void-rgb));
  --deep: #0b1020;
  --deep-2: #10234d;
  --glass: rgb(14 20 38 / 0.62);
  --glass-heavy: rgb(6 9 18 / 0.9);
  --line: rgb(255 255 255 / 0.12);
  --line-2: rgb(255 255 255 / 0.22);

  /* text */
  --text: #eef3ff;
  --muted: #8b97b8;
  --desc: #b3bdd8;
  --ink: #04101c; /* on primary / accent fills */

  /* primary + accent (Ion: Cassidy's jacket blue and her cyber-arm ember) */
  --ion-rgb: 108 196 255;
  --ember-rgb: 255 122 42;
  --ion: rgb(var(--ion-rgb));
  --ion-20: rgb(var(--ion-rgb) / 0.2);
  --ion-40: rgb(var(--ion-rgb) / 0.4);
  --ember: rgb(var(--ember-rgb));
  --ember-20: rgb(var(--ember-rgb) / 0.2);

  /* rarity: GDD key */
  --r-junk: #c9d1e6;
  --r-standard: #86e68c;
  --r-classified: #6cc4ff;
  --r-elite: #ff5f74;

  /* type */
  --font-display: "Michroma", "Geist", sans-serif;
  --font-ui: "Geist", ui-sans-serif, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, monospace;

  /* shape + depth */
  --radius: 12px;
  --r-xs: 3px;
  --r-sm: 10px;
  --r-md: 13px;
  --r-lg: 16px;
  --edge-hi: inset 0 1px 0 rgb(255 255 255 / 0.09); /* light catching the top edge of glass */
  --sh-1: 0 20px 40px -20px #000;
  --sh-2: 0 40px 80px -30px #000;
  --sh-side: 40px 0 90px rgb(0 0 0 / 0.55);

  /* motion */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  --dur-focus: 160ms;
}

/* Redline: Cyberpunk-style red interface with a cyan accent. Elite shifts lighter so rarity never melts into the UI red. */
:root[data-theme="redline"] {
  --void-rgb: 10 5 6;
  --deep-rgb: 22 10 12;
  --deep: #160a0c;
  --deep-2: #3a0d12;
  --glass: rgb(30 14 17 / 0.62);
  --glass-heavy: rgb(14 6 8 / 0.9);
  --text: #fff0ee;
  --muted: #b89a9a;
  --desc: #d6bcbc;
  --ink: #1a0404;
  --ion-rgb: 255 75 62;
  --ember-rgb: 62 240 255;
  --r-elite: #ff9ab0;
}

/* Prism: the current in-game HUD's cyan and magenta, taken to AAA. */
:root[data-theme="prism"] {
  --void-rgb: 4 8 11;
  --deep-rgb: 8 19 26;
  --deep: #08131a;
  --deep-2: #0a2a36;
  --glass: rgb(12 26 34 / 0.62);
  --glass-heavy: rgb(5 11 15 / 0.9);
  --text: #ecfbff;
  --muted: #8aa7b3;
  --desc: #a9c7d1;
  --ink: #03141a;
  --ion-rgb: 61 232 250;
  --ember-rgb: 224 78 232;
  --r-classified: #7aa8ff;
}