/* tokens.css — Cortex design tokens. Dark mind-space, bioluminescent accents. */
:root {
  /* surfaces */
  --bg-0: #070912;          /* deepest */
  --bg-1: #0c1020;          /* app bg */
  --bg-2: #11162a;          /* panels */
  --bg-3: #171d36;          /* raised */
  --bg-glass: rgba(20, 26, 48, 0.66);
  --stroke: rgba(140, 160, 220, 0.14);
  --stroke-strong: rgba(140, 160, 220, 0.28);

  /* text */
  --t-1: #e9eefa;           /* primary */
  --t-2: #aeb8d4;           /* secondary */
  --t-3: #7a86a8;           /* muted */

  /* accents — synaptic */
  --acc: #6ea8fe;           /* primary blue */
  --acc-2: #7ee0b8;         /* green (growth) */
  --acc-3: #b9a8ff;         /* violet */
  --acc-warn: #ffd479;
  --acc-bad: #ff8a9b;
  --acc-grad: linear-gradient(135deg, #6ea8fe 0%, #b9a8ff 60%, #7ee0b8 120%);

  /* radii */
  --r-sm: 8px; --r-md: 12px; --r-lg: 18px; --r-xl: 26px; --r-pill: 999px;

  /* spacing */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 32px; --s-7: 48px;

  /* shadow */
  --sh-1: 0 1px 2px rgba(0,0,0,.4);
  --sh-2: 0 6px 24px rgba(0,0,0,.45);
  --sh-3: 0 18px 60px rgba(0,0,0,.55);
  --glow: 0 0 24px rgba(110,168,254,.35);

  /* type */
  --font: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --fs-fine: 11px; --fs-cap: 12.5px; --fs-body: 14px; --fs-lg: 16px;
  --fs-h3: 19px; --fs-h2: 24px; --fs-h1: 34px;
  --lh: 1.5;

  /* layout */
  --topbar-h: 56px;
  --rail-w: 380px;
  --ease: cubic-bezier(.22,.61,.36,1);
}