/* Design tokens — single place for colors, spacing, radii and type scale. */
:root {
  --c-navy-900: #10142f; --c-navy-800: #151b3d; --c-navy-700: #1d2452; --c-navy-600: #283069;
  --c-indigo: #4f46e5; --c-indigo-600: #4338ca; --c-primary: #4338ca; --c-primary-ink: #ffffff;
  --c-accent: #9fb53a; /* olive scrollbar accent from the reference */
  --c-bg: #f3f4fa; --c-surface: #ffffff; --c-surface-2: #f8f9fd; --c-border: #e1e4f0; --c-border-strong: #c7cce0;
  --c-text: #1b1f3b; --c-text-2: #545b7a; --c-muted: #7a809e;
  --c-success: #12805c; --c-success-bg: #e3f6ee; --c-warning: #9a5600; --c-warning-bg: #fff3dc;
  --c-danger: #c2262e; --c-danger-bg: #fde8ea; --c-info: #1662b8; --c-info-bg: #e5f0fd;
  --c-focus: #ffbf1f; --c-sidebar-text: #f1f2ff; --c-sidebar-muted: #a7acd6;

  --g-orange: linear-gradient(145deg, #ff9a3d, #f2611d); --g-pink: linear-gradient(145deg, #f472b6, #db2777);
  --g-purple: linear-gradient(145deg, #c084fc, #9333ea); --g-teal: linear-gradient(145deg, #2dd4bf, #0d9488);
  --g-green: linear-gradient(145deg, #4ade80, #16a34a); --g-amber: linear-gradient(145deg, #ffb35c, #f97316);
  --g-violet: linear-gradient(145deg, #a78bfa, #7c3aed); --g-yellow: linear-gradient(145deg, #fcd34d, #d4a20b);
  --g-cyan: linear-gradient(145deg, #22d3ee, #0891b2); --g-blue: linear-gradient(145deg, #60a5fa, #1d74d8);
  --g-red: linear-gradient(145deg, #f87171, #dc2626); --g-indigo: linear-gradient(145deg, #818cf8, #4f46e5);
  --g-sky: linear-gradient(145deg, #7dd3fc, #0284c7); --g-slate: linear-gradient(145deg, #94a3b8, #475569);
  --g-brown: linear-gradient(145deg, #d6a77a, #92582a); --g-lime: linear-gradient(145deg, #bef264, #65a30d);
  --g-rose: linear-gradient(145deg, #fda4af, #e11d48); --g-gray: linear-gradient(145deg, #a1a7c4, #5d6385);
  --g-brand: linear-gradient(145deg, #ffd23f, #f5a30a);

  --radius-sm: 8px; --radius: 12px; --radius-lg: 18px; --radius-xl: 22px;
  --shadow-sm: 0 1px 2px rgba(16, 20, 47, .06); --shadow: 0 6px 20px rgba(16, 20, 47, .08); --shadow-lg: 0 18px 50px rgba(16, 20, 47, .22);
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px;
  --font: "Noto Sans Bengali", "Hind Siliguri", "SolaimanLipi", "Nirmala UI", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-mono: ui-monospace, "Cascadia Mono", Consolas, "Roboto Mono", monospace;
  --fs-xs: .78rem; --fs-sm: .875rem; --fs: 1rem; --fs-md: 1.125rem; --fs-lg: 1.375rem; --fs-xl: 1.75rem;
  --sidebar-w: 288px; --sidebar-w-collapsed: 88px; --topbar-h: 64px; --tap: 44px;
  --focus-ring: 0 0 0 3px var(--c-focus);
}