/* Design tokens — single source of truth for colors, spacing, radius, type. */
:root {
  --font: 'Nunito', ui-rounded, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* type scale (body never below 1rem; meta captions 0.875rem) */
  --fs-meta: 0.875rem;
  --fs-body: 1rem;
  --fs-lg: 1.125rem;
  --fs-xl: 1.375rem;
  --fs-2xl: 1.75rem;

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

  /* radius */
  --r-sm: 10px; --r-md: 14px; --r-lg: 20px; --r-pill: 999px;

  /* sizing */
  --tap: 48px;
  --tabbar-h: 68px;
  --actionbar-h: 84px;

  /* motion */
  --ease: cubic-bezier(.16, 1, .3, 1);

  /* light palette: brand blue as the action colour, brand red/yellow/green as subject tones */
  --bg: #F6F7F9;
  --surface: #FFFFFF;
  --surface-2: #ECEFF3;
  --text: #1B2433;
  --muted: #55606F;
  --border: #D9DEE6;
  --accent: #2B5CA6;
  --accent-ink: #FFFFFF;
  --accent-soft: #E3ECF8;
  --accent-soft-ink: #173A6E;
  --hl: #FCEFC2;
  --hl-ink: #4A3500;
  --ok-soft: #E0F0DC;
  --ok-ink: #1F5A1A;
  --warn-soft: #FBE5D2;
  --warn-ink: #7A3A0C;
  --c-blue: #2B5CA6; --c-red: #CF3A30; --c-yellow: #F5B921; --c-green: #8CC63F;
  --focus: #1D4ED8;
  --shadow: 0 1px 2px rgba(20, 30, 50, .06);
  --shadow-sm: none;
  --overlay: rgba(20, 28, 40, .5);
  color-scheme: light;
}