/* Design tokens. Brand colours are overridden at runtime from Site Settings. */
:root {
  --color-primary: #0B3D91;
  --color-secondary: #0FA3B1;
  --color-accent: #F5A623;
  --color-ink: #1C2430;
  --color-ink-soft: #4A5568;
  --color-muted: #6B7280;
  --color-line: #E3E8EF;
  --color-bg: #FFFFFF;
  --color-bg-muted: #F6F8FB;
  --color-dark: #0A1A33;
  --color-success: #15803D;
  --color-error: #B42318;

  --font-heading: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.25rem;
  --fs-xl: clamp(1.5rem, 1.2rem + 1.2vw, 2rem);
  --fs-2xl: clamp(1.9rem, 1.4rem + 2vw, 2.75rem);
  --fs-3xl: clamp(2.3rem, 1.6rem + 3.2vw, 3.75rem);

  --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem;
  --space-5: 1.5rem; --space-6: 2rem; --space-7: 3rem; --space-8: 4rem;
  --section-y: clamp(4rem, 3rem + 4vw, 7rem);

  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 20px;
  --shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 8px 24px rgba(16, 24, 40, .08);
  --container: 1200px;
  --container-narrow: 820px;
  --header-h: 72px;
  --ease: cubic-bezier(.2, .7, .2, 1);
}