/* ============================================================
   minions·16k — design tokens.  Dark only. It IS the brand.
   ============================================================ */
:root {
  /* ---------- surfaces (cool near-black, faintly warm) ---------- */
  --bg:          #0d0d0c;
  --bg-sunk:     #0a0a09;
  --panel:       #161613;
  --panel-2:     #1d1d18;
  --panel-3:     #25241e;
  --glass:       rgba(20,20,17,0.78);
  --line:        #2b2a22;
  --line-hi:     #3a3830;

  /* ---------- text ---------- */
  --text-hi:     #f6f2dd;
  --text:        #c8c4b2;
  --text-dim:    #9b977f;
  --text-mute:   #837f70;
  --ink:         #1a1606;

  /* ---------- brand / data accents ---------- */
  --accent:      #ffd84d;
  --accent-press:#e6c043;
  --cyan:        #5dd9d5;
  --denim:       #6a90d8;
  --silver:      #c2c6cf;
  --red:         #ff6f61;
  --green:       #8ee06a;
  --purple:      #b487ff;
  --warn:        #ffb04d;
  --moon:        #fef3c7;

  --accent-soft: rgba(255,216,77,0.12);
  --cyan-soft:   rgba(93,217,213,0.12);
  --denim-soft:  rgba(106,144,216,0.16);
  --red-soft:    rgba(255,111,97,0.14);
  --green-soft:  rgba(142,224,106,0.14);
  --purple-soft: rgba(180,135,255,0.14);

  /* ---------- match-quality ramp ---------- */
  --q-blowout:   #6b6757;
  --q-ok:        #b7b08c;
  --q-good:      #ffd84d;
  --q-classic:   #ff8a3d;

  /* ---------- type ---------- */
  --font-sans: "Inter","Inter var",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-mono: "JetBrains Mono","SF Mono",ui-monospace,Menlo,monospace;

  --fs-hero:44px; --fs-display:28px; --fs-2xl:22px; --fs-xl:18px; --fs-lg:16px;
  --fs-base:14px;  --fs-md:13px;  --fs-sm:12px;  --fs-xs:11px;  --fs-2xs:10px;

  --fw-reg:440; --fw-med:520; --fw-semi:600; --fw-bold:720;
  --track-cap:0.07em;
  --track-tight:-0.01em;

  /* ---------- spacing ---------- */
  --s0:2px; --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:20px;
  --s6:24px; --s8:32px; --s10:40px; --s12:48px; --s16:64px;

  /* ---------- radius ---------- */
  --r-xs:4px; --r-sm:6px; --r-md:8px; --r-lg:12px; --r-pill:999px;

  /* ---------- elevation ---------- */
  --sh-1: 0 1px 0 rgba(0,0,0,.45);
  --sh-2: 0 4px 16px -4px rgba(0,0,0,.5), 0 0 0 1px var(--line);
  --sh-pop:0 12px 40px -8px rgba(0,0,0,.7), 0 0 0 1px var(--line-hi);
  --glow-accent: 0 0 0 1px rgba(255,216,77,.4), 0 0 18px rgba(255,216,77,.18);

  /* ---------- focus ring ---------- */
  --ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent);

  /* ---------- motion ---------- */
  --ease:     cubic-bezier(.2,.7,.2,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
  --ease-pop: cubic-bezier(.34,1.56,.64,1);
  --t-fast:90ms; --t-base:160ms; --t-med:200ms; --t-slow:260ms; --t-cine:320ms;

  /* ---------- layout ---------- */
  --bar-h:52px; --rail-w:248px; --dock-w:324px; --transport-h:66px;
  --content-max:1480px;

  --z-rail:80; --z-bar:100; --z-hud:50; --z-overlay:200; --z-cmdk:300; --z-toast:400;
}

@media (prefers-reduced-motion: reduce){
  :root{ --t-fast:0ms; --t-base:0ms; --t-med:0ms; --t-slow:0ms; --t-cine:0ms; }
}