/* ═══════════════════════════════════════════════════════════════════
   Cumbuca website — design tokens
   ═══════════════════════════════════════════════════════════════════ */

:root {
  /* ── Fonts ─────────────────────────────────────────────────── */
  --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* ── Backgrounds ───────────────────────────────────────────── */
  --bg-primary: #000000;
  --bg-section-alt-1: #0A0A0A;
  --bg-section-alt-2: #0D0D0D;
  --bg-card-accent: #363A5B;
  --bg-subtle: rgba(255, 255, 255, 0.04);
  --bg-elev-1: #0E0F13;
  --bg-elev-2: #14161C;
  --bg-elev-3: #1F222B;

  /* ── Text ──────────────────────────────────────────────────── */
  --text-heading: #FFFFFF;
  --text-body: #B3B3B3;
  --text-secondary: #717171;
  --text-emphasis: #CCCCCC;
  --text-dim: #555;
  --text-muted: #5A5A60;

  /* ── Lines / surfaces ──────────────────────────────────────── */
  --line-1: rgba(255, 255, 255, 0.06);
  --line-2: rgba(255, 255, 255, 0.10);
  --line-3: rgba(255, 255, 255, 0.16);

  /* ── Brand purple (proxy / Cumbuca / OF glyph) ─────────────── */
  --accent-purple: #7D7CD9;
  --accent-purple-2: #9D9BF2;
  --glow-purple: rgba(125, 124, 217, 0.18);
  --glow-purple-strong: rgba(125, 124, 217, 0.32);

  /* ── Hub hero — per-day segment hues ── */
  --c-mon: #A78BFA;   /* Day 1 Regulus — compliance purple */
  --c-tue: #0099FF;   /* Day 2 Playground — Juspay blue */
  --c-wed: #38BDF8;   /* Day 3 MCP — sky blue */
  --c-thu: #F59E0B;   /* Day 4 DownDetector — amber */
  --c-fri: #F97316;   /* Day 5 Proposal Analysis — orange */

  /* ── Data accent (performance / tickers / charts) ──────────── */
  --accent-data: #5EEAD4;
  --accent-data-dim: rgba(94, 234, 212, 0.24);
  --accent-data-glow: rgba(94, 234, 212, 0.10);

  /* ── Feedback ──────────────────────────────────────────────── */
  --ok: #4ADE80;
  --warn: #FBBF24;
  --crit: #EF4444;

  /* ── Typography ────────────────────────────────────────────── */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semi: 600;

  /* ── Motion ────────────────────────────────────────────────── */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-std: cubic-bezier(0.4, 0, 0.2, 1);

  /* ── Radius ────────────────────────────────────────────────── */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;

  /* ── Layout ────────────────────────────────────────────────── */
  --maxw: 1200px;
  --gutter: 32px;
  --nav-h: 64px;
}

/* ── Tweak: data accent override ─────────────────────────────── */
:root[data-accent="cyan"]  { --accent-data: #67E8F9; --accent-data-dim: rgba(103,232,249,0.24); --accent-data-glow: rgba(103,232,249,0.10); }
:root[data-accent="lime"]  { --accent-data: #BEF264; --accent-data-dim: rgba(190,242,100,0.24); --accent-data-glow: rgba(190,242,100,0.10); }
:root[data-accent="amber"] { --accent-data: #FCD34D; --accent-data-dim: rgba(252,211,77,0.24); --accent-data-glow: rgba(252,211,77,0.10); }