/* ─────────────────────────────────────────────────────────
   Datalicit design tokens — mirrors landing page variables
   ───────────────────────────────────────────────────────── */
:root {
  /* Surfaces */
  --bg:        oklch(97.8% 0.005 240);
  --bg-panel:  oklch(100%  0    0);
  --surface:   oklch(100%  0    0 / 0.84);
  --surface-2: oklch(100%  0    0 / 0.96);

  /* Borders */
  --line:   oklch(14% 0.02 250 / 0.06);
  --line-2: oklch(14% 0.02 250 / 0.10);

  /* Type */
  --text:    oklch(11%  0.022 252);
  --muted:   oklch(50%  0.026 244);
  --muted-2: oklch(68%  0.020 236);

  /* Accents */
  --cyan:      oklch(67% 0.135 215);
  --cyan-soft: oklch(67% 0.135 215 / 0.10);
  --green:     oklch(72% 0.160 157);
  --green-soft: oklch(72% 0.160 157 / 0.10);
  --amber:     oklch(65% 0.118 62);
  --amber-soft: oklch(65% 0.118 62 / 0.10);
  --red:       oklch(62% 0.180 24);
  --red-soft:  oklch(62% 0.180 24 / 0.10);

  /* Shadows */
  --shadow:    0 2px 12px oklch(14% 0.022 250 / 0.06);
  --shadow-lg: 0 8px 48px oklch(14% 0.022 250 / 0.08);

  /* Spacing */
  --sp-1: 4px;  --sp-2: 8px;   --sp-3: 12px;
  --sp-4: 16px; --sp-5: 24px;  --sp-6: 32px;
  --sp-7: 48px; --sp-8: 64px;  --sp-9: 96px;

  /* Geometry */
  --radius:    28px;
  --radius-lg: 40px;
  --radius-md: 20px;
  --radius-sm: 12px;

  /* Typography */
  --font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-serif: 'Instrument Serif', 'Iowan Old Style', 'Times New Roman', serif;
  --font-mono: 'IBM Plex Mono', 'Roboto Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* App shell dimensions */
  --sidebar-w: 232px;
  --topbar-h:  60px;
}