/* Design tokens. Light is default; dark via [data-theme="dark"] (set by theme.js, honours system preference). */
:root {
  --c-bg: #f6f5f2;
  --c-surface: #ffffff;
  --c-surface-2: #efede8;
  --c-line: #e1ded6;
  --c-ink: #1b1f27;
  --c-muted: #5d6573;
  --c-accent: #1f3a5f;
  --c-accent-ink: #ffffff;
  --c-danger: #b3261e;
  --c-ok: #1b7a46;
  --c-warn: #9a5b00;

  --f-sans: 'Inter', 'Noto Sans Bengali', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --f-serif: 'Noto Serif Bengali', 'Georgia', 'Times New Roman', serif;

  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 12px;

  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px; --sp-6: 32px;

  --shadow-1: 0 1px 2px rgb(20 24 32 / 0.06);
  --shadow-2: 0 8px 24px rgb(20 24 32 / 0.12);

  --t-fast: 120ms;
  --t-base: 200ms;
  --ease: cubic-bezier(0.2, 0, 0, 1);

  --focus: 0 0 0 2px var(--c-bg), 0 0 0 4px var(--c-accent);
  --nav-w: 248px;
  --nav-w-collapsed: 64px;
  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-t: env(safe-area-inset-top, 0px);
}

[data-theme='dark'] {
  --c-bg: #111418;
  --c-surface: #181c22;
  --c-surface-2: #20252d;
  --c-line: #2d333d;
  --c-ink: #e9ecf1;
  --c-muted: #a0a8b6;
  --c-accent: #8db4ec;
  --c-accent-ink: #0d1624;
  --c-danger: #f2918a;
  --c-ok: #6ed39b;
  --c-warn: #f0b45c;
  --shadow-1: 0 1px 2px rgb(0 0 0 / 0.4);
  --shadow-2: 0 8px 24px rgb(0 0 0 / 0.5);
}

@media (prefers-reduced-motion: reduce) {
  :root { --t-fast: 0ms; --t-base: 0ms; }
  * { scroll-behavior: auto !important; }
}