/* AgentsFlow Discovery demo — design tokens. Source of truth: ../DESIGN.md */
:root {
  /* surfaces (pure neutral, chroma 0) */
  --bg:        oklch(0.13 0 0);
  --bg-raise:  oklch(0.165 0 0);
  --bg-raise2: oklch(0.20 0 0);
  --bg-raise3: oklch(0.24 0 0);
  --line:      oklch(1 0 0 / 0.08);
  --line-2:    oklch(1 0 0 / 0.14);

  /* ink */
  --ink:       oklch(0.93 0.005 80);
  --ink-dim:   oklch(0.72 0.008 80);
  --ink-faint: oklch(0.55 0.008 80);

  /* brand */
  --amber:      oklch(0.78 0.145 75);
  --amber-hi:   oklch(0.85 0.15 80);
  --amber-ink:  oklch(0.25 0.06 75);
  --amber-soft: oklch(0.78 0.145 75 / 0.12);
  --steel:      oklch(0.74 0.07 245);
  --steel-soft: oklch(0.74 0.07 245 / 0.14);

  /* semantic */
  --ok:        oklch(0.76 0.14 155);
  --ok-soft:   oklch(0.76 0.14 155 / 0.13);
  --warn:      oklch(0.78 0.14 60);
  --danger:    oklch(0.68 0.19 25);
  --danger-soft: oklch(0.68 0.19 25 / 0.13);

  /* type */
  --font-ui: "Hanken Grotesk", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --fs-11: 0.6875rem;
  --fs-12: 0.75rem;
  --fs-13: 0.8125rem;
  --fs-15: 0.9375rem;
  --fs-18: 1.125rem;
  --fs-22: 1.375rem;
  --fs-27: 1.6875rem;

  /* geometry */
  --r-s: 7px;
  --r-m: 10px;
  --sidebar-w: 216px;
  --topbar-h: 52px;
  --content-max: 1280px;

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

  /* motion */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --t-fast: 160ms var(--ease);
  --t-med: 220ms var(--ease);

  /* z scale */
  --z-nav: 10;
  --z-slideover-backdrop: 40;
  --z-slideover: 41;
  --z-toast: 50;
  --z-tooltip: 60;
}

/* ---------- light theme ---------- */
[data-theme="light"] {
  --bg: oklch(1 0 0);
  --bg-raise: oklch(0.985 0.002 80);
  --bg-raise2: oklch(0.955 0.003 80);
  --bg-raise3: oklch(0.92 0.003 80);
  --line: oklch(0 0 0 / 0.10);
  --line-2: oklch(0 0 0 / 0.18);

  --ink: oklch(0.24 0.008 80);
  --ink-dim: oklch(0.46 0.01 80);
  --ink-faint: oklch(0.60 0.01 80);

  --amber: oklch(0.56 0.135 70);
  --amber-hi: oklch(0.50 0.14 70);
  --amber-ink: oklch(0.995 0.005 90);
  --amber-soft: oklch(0.56 0.135 70 / 0.10);
  --steel: oklch(0.50 0.07 245);
  --steel-soft: oklch(0.50 0.07 245 / 0.12);

  --ok: oklch(0.55 0.135 155);
  --ok-soft: oklch(0.55 0.135 155 / 0.12);
  --warn: oklch(0.55 0.12 60);
  --danger: oklch(0.52 0.19 25);
  --danger-soft: oklch(0.52 0.19 25 / 0.10);
}
html[data-theme="light"] { color-scheme: light; }