/* Design tokens (docs/DASHBOARD_SPEC.md section 6). Every color, radius, blur and type size lives here. */
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("/static/vendor/fonts/inter-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("/static/vendor/fonts/inter-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("/static/vendor/fonts/inter-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("/static/vendor/fonts/inter-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("/static/vendor/fonts/jetbrains-mono-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("/static/vendor/fonts/jetbrains-mono-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 600; font-display: swap; src: url("/static/vendor/fonts/jetbrains-mono-latin-600-normal.woff2") format("woff2"); }

:root {
  color-scheme: dark;
  /* background */
  --bg-0: #070B1A;
  --bg-1: #0E1330;
  --blob-cyan: rgba(34, 211, 238, 0.30);
  --blob-violet: rgba(167, 139, 250, 0.30);
  --blob-magenta: rgba(232, 121, 249, 0.25);

  /* glass */
  --glass: rgba(255, 255, 255, 0.06);
  --glass-hi: rgba(255, 255, 255, 0.09);
  --glass-solid: #151B3A;          /* prefers-reduced-transparency */
  --glass-border: rgba(255, 255, 255, 0.12);
  --glass-highlight: rgba(255, 255, 255, 0.18);
  --glass-blur: blur(18px) saturate(140%);
  --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
  --radius: 20px;
  --radius-sm: 12px;
  --radius-pill: 999px;

  /* text */
  --text: #EAF0FF;
  --text-2: #9AA6C8;
  --text-3: #8591B8;               /* still AA (4.6:1) on the lightest glass point */

  /* semantic */
  --gain: #34D399;
  --gain-bg: rgba(52, 211, 153, 0.14);
  --loss: #F87171;
  --loss-bg: rgba(248, 113, 113, 0.14);
  --warn: #FBBF24;
  --warn-bg: rgba(251, 191, 36, 0.14);
  --cyan: #22D3EE;
  --violet: #A78BFA;
  --magenta: #E879F9;
  --accent: linear-gradient(135deg, #22D3EE 0%, #A78BFA 100%);
  --muted-bg: rgba(154, 166, 200, 0.12);

  /* chart palette (categorical; checked for contrast on --bg-1) */
  --c1: #22D3EE; --c2: #A78BFA; --c3: #34D399; --c4: #FBBF24; --c5: #F472B6; --c6: #60A5FA; --c7: #FB923C; --c8: #94A3B8;

  /* type */
  --font-ui: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-num: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --fs-kpi: clamp(28px, 2.3vw, 34px);
  --fs-label: 12px;
  --fs-body: 14px;
  --fs-small: 12.5px;

  /* layout */
  --sidebar-w: 232px;
  --topbar-h: 64px;
  --gap: 18px;
  --ease: cubic-bezier(.2, .8, .2, 1);
}

@media (prefers-reduced-transparency: reduce) {
  :root { --glass: var(--glass-solid); --glass-hi: #1A2146; --glass-blur: none; }
}