/* Meyel Hermes — design tokens. Brand: #df173d. Signals: #00e7ff (info), #8bff00 (positive). */
:root {
  --font-sans: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  --fs-11: 11px; --fs-12: 12px; --fs-13: 13px; --fs-14: 14px; --fs-16: 16px;
  --fs-20: 20px; --fs-28: 28px; --fs-40: 40px; --fs-64: 64px;

  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px;
  --sp-6: 24px; --sp-8: 32px; --sp-10: 40px; --sp-12: 48px;

  --r-sm: 6px; --r-md: 10px; --r-lg: 14px; --r-pill: 999px;

  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-inout: cubic-bezier(.65, 0, .35, 1);
  --dur-fast: 120ms; --dur: 200ms; --dur-slow: 420ms;

  --brand: #df173d;
  --sidebar-w: 248px;
}

/* ---------- Dark (primary) ---------- */
:root, [data-theme="dark"] {
  --bg: #06141B;
  --bg-elev: #081922;
  --surface: #0B1C25;
  --surface-2: #11212D;
  --surface-3: #172A37;
  --border: #1A2D3A;
  --border-strong: #253745;

  --text: #E8ECEB;
  --text-2: #9BA8AB;
  --text-3: #6F8089;
  --text-inverse: #06141B;

  --accent: #df173d;
  --accent-hover: #ee2a4f;
  --accent-press: #c3102f;
  --accent-ink: #ff5674;
  --accent-soft: rgba(223, 23, 61, .14);
  --accent-ring: rgba(223, 23, 61, .38);

  --info: #00e7ff;
  --info-ink: #00e7ff;
  --info-soft: rgba(0, 231, 255, .10);
  --positive: #8bff00;
  --positive-ink: #8bff00;
  --positive-soft: rgba(139, 255, 0, .10);
  --neutral-ink: #CCD0CF;
  --neutral-soft: rgba(155, 168, 171, .12);

  --overlay: rgba(6, 20, 27, .72);
  --shadow-sm: 0 1px 0 rgba(255,255,255,.03) inset;
  --shadow-md: 0 1px 0 rgba(255,255,255,.04) inset, 0 12px 32px -12px rgba(0,0,0,.6);
  --shadow-pop: 0 24px 64px -16px rgba(0,0,0,.7);
}

/* ---------- Light ---------- */
[data-theme="light"] {
  --bg: #F1F3F2;
  --bg-elev: #F7F8F7;
  --surface: #FFFFFF;
  --surface-2: #F6F7F7;
  --surface-3: #ECEFEE;
  --border: #E3E7E6;
  --border-strong: #CCD0CF;

  --text: #111111;
  --text-2: #4A5C6A;
  --text-3: #6B7A84;
  --text-inverse: #FFFFFF;

  --accent: #df173d;
  --accent-hover: #c9112f;
  --accent-press: #b10e2a;
  --accent-ink: #c4102f;
  --accent-soft: rgba(223, 23, 61, .08);
  --accent-ring: rgba(223, 23, 61, .28);

  --info: #00b8cc;
  --info-ink: #00707D;
  --info-soft: rgba(0, 231, 255, .14);
  --positive: #6ad100;
  --positive-ink: #357000;
  --positive-soft: rgba(139, 255, 0, .22);
  --neutral-ink: #383838;
  --neutral-soft: rgba(74, 92, 106, .09);

  --overlay: rgba(241, 243, 242, .8);
  --shadow-sm: 0 1px 2px rgba(17, 33, 45, .04);
  --shadow-md: 0 1px 2px rgba(17, 33, 45, .04), 0 8px 24px -12px rgba(17, 33, 45, .12);
  --shadow-pop: 0 24px 56px -16px rgba(17, 33, 45, .22);
}