/* блик brand tokens — source: web/config.json */
/* Fonts: load /static/fonts/blik-fonts.css in HTML (self-hosted, no Google CDN). */

:root,
html[data-theme="dark"] {
  --bg: #0B0F19;
  --surface: #111729;
  --surface-2: #161d33;
  --line: rgba(148, 163, 184, 0.14);
  --purple: #7C3AED;
  --blue: #22D3EE;
  --teal: #14B8A6;
  --gray: #94A3B8;
  --white: #FFFFFF;
  --text-body: #dbe2f0;
  --text-muted: #d7deea;
  --chip-bg: rgba(124, 58, 237, 0.14);
  --chip-border: rgba(124, 58, 237, 0.4);
  --chip-text: #c9b6ff;
  --grad: linear-gradient(135deg, var(--purple), var(--blue));
  --grad-2: linear-gradient(135deg, var(--teal), var(--blue));
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 16px;
  /* score tiers (dark UI) */
  --score-excellent: #14B8A6;
  --score-good: #22D3EE;
  --score-fair: #a78bfa;
  --score-early: #fbbf24;
  --score-poor: #f87171;
  --theme-fab-border: rgba(148, 163, 184, 0.35);
  --theme-fab-bg: rgba(17, 23, 41, 0.88);
}

html[data-theme="light"] {
  --bg: #F4F7FB;
  --surface: #FFFFFF;
  --surface-2: #EEF2F7;
  --line: rgba(15, 23, 42, 0.10);
  --gray: #64748B;
  --white: #0F172A;
  --text-body: #334155;
  --text-muted: #475569;
  --chip-bg: rgba(124, 58, 237, 0.08);
  --chip-border: rgba(124, 58, 237, 0.28);
  --chip-text: #6D28D9;
  --theme-fab-border: rgba(15, 23, 42, 0.12);
  --theme-fab-bg: rgba(255, 255, 255, 0.92);
}