/* ============================================================
   AdhdAgenda — Shared Design Tokens
   ============================================================
   Single source of truth for spacing, radius, typography,
   motion, and font-family tokens. Imported by every CSS file.
   ============================================================ */

:root {
  /* --- Spacing scale --- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;

  /* --- Border-radius scale --- */
  --radius-1: 8px;    /* small chips, tags */
  --radius-2: 12px;   /* inputs, small cards */
  --radius-3: 16px;   /* cards, panels */
  --radius-4: 18px;   /* buttons, medium panels */
  --radius-5: 26px;   /* large panels, nav bars */
  --radius-6: 34px;   /* hero sections, full-bleed cards */
  --radius-pill: 999px;

  /* --- Font-size scale --- */
  --font-1: 12px;
  --font-2: 14px;
  --font-3: 16px;
  --font-4: 20px;
  --font-5: 24px;
  --font-6: 32px;

  /* --- Font families --- */
  --font-body: "Manrope", "Avenir Next", "Segoe UI", sans-serif;
  --font-heading: "Sora", "Avenir Next", sans-serif;
  --font-display: "Cormorant Garamond", "Georgia", serif;

  /* --- Hero redesign palette --- */
  --color-accent: #5eb8ff;
  --color-accent-glow: rgba(94, 184, 255, 0.10);
  --color-accent-dim: rgba(94, 184, 255, 0.30);
  --color-bg-deep: #0c1524;
  --color-surface-dark: #0d1a2a;
  --color-surface-darker: #132240;

  /* --- Brand font --- */
  --font-brand: "Space Grotesk", "Sora", "Avenir Next", sans-serif;

  /* --- Motion --- */
  --motion-fast: 150ms ease;
  --motion-base: 200ms ease;
  --motion-slow: 250ms ease;
}

/* ============================================================
   Dark mode — system preference
   ============================================================ */
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
  }
}