:root {
  /* Brand colours */
  --color-primary: #123B8C;
  --color-secondary: #1D4ED8;
  --color-navy: #071A3D;
  --color-white: #FFFFFF;
  --color-bg: #F6F8FC;
  --color-text: #111827;
  --color-text-muted: #64748B;

  /* Tricolour accent - controlled use only */
  --color-saffron: #FF9933;
  --color-green: #138808;

  /* Tints derived from primary, for surfaces/borders */
  --color-primary-050: #EEF2FB;
  --color-primary-100: #DCE5F6;
  --color-border: #E2E8F0;

  /* Type */
  --font-display: 'Poppins', 'Noto Sans', sans-serif;
  --font-body: 'Inter', 'Noto Sans', sans-serif;

  --h1: clamp(2.5rem, 6vw, 5.5rem);
  --h2: clamp(2rem, 4vw, 3.5rem);
  --h3: clamp(1.5rem, 2.4vw, 2rem);
  --h4: 1.25rem;
  --body-lg: 1.125rem;
  --body: 1rem;
  --small: 0.875rem;

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

  /* Layout */
  --container-max: 1440px;
  --container-pad: clamp(20px, 4vw, 64px);
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;

  /* Motion */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-fast: 150ms;
  --dur-med: 320ms;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(7, 26, 61, 0.06), 0 1px 1px rgba(7, 26, 61, 0.04);
  --shadow-md: 0 8px 24px rgba(7, 26, 61, 0.08);
  --shadow-lg: 0 20px 48px rgba(7, 26, 61, 0.14);

  --header-h: 76px;
  --announce-h: 40px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 0ms;
    --dur-med: 0ms;
  }
}