/* Prototype 01: Dark Optic · design tokens (see .tastemaker/style-lock.md) */
:root {
  /* surfaces */
  --bg: #070a14;
  --bg-2: #0a0f1d;
  --surface: #0e1424;
  --surface-2: #131b31;
  --line: #26324f;
  --line-2: #34446a;

  /* text */
  --text: #e8ecf8;
  --muted: #8f9bbb;
  --ink: #04121a; /* text on cyan / magenta / orange fills */

  /* signal colors */
  --cyan: #3de8fa;
  --magenta: #e04ee8;
  --orange: #ff7a2e;

  /* rarity, following the GDD mod table's key (grey / green / blue / red) */
  --r-junk: #a3adc6;
  --r-standard: #8ee07a;
  --r-classified: #5cc8ff;
  --r-elite: #ff6b5e;

  /* translucent tints (derived from the signal colors) */
  --cyan-08: rgb(61 232 250 / 0.08);
  --cyan-16: rgb(61 232 250 / 0.16);
  --cyan-32: rgb(61 232 250 / 0.32);
  --magenta-16: rgb(224 78 232 / 0.16);
  --orange-16: rgb(255 122 46 / 0.16);

  /* type */
  --font-display: "Unbounded", "Chakra Petch", sans-serif;
  --font-ui: "Chakra Petch", ui-sans-serif, sans-serif;

  /* shape */
  --cut: 14px;
  --cut-lg: 22px;

  /* spacing (4pt) */
  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s5: 24px;
  --s6: 32px;
  --s7: 48px;
  --s8: 64px;

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