/*
Design tokens — mirrored in theme.json. Never hardcode raw hex/values in components; use these.
Breakpoints (mobile-first, min-width): 480 / 768 / 1024 / 1280.
*/
:root{
  --c-navy-900:#060F24; --c-navy-800:#0A1F44; --c-navy-700:#12294F;
  --c-gold-500:#C9A24B; --c-gold-600:#B4892F;
  --c-white:#FFFFFF; --c-bg:#F7F9FC;
  --c-ink:#1C2A44; --c-ink-muted:#5A6B85; --c-border:#E4E9F2;
  --c-success:#177A53; /* darkened from spec's #1E9E6A — that value only hit 3.41:1 contrast with white text (WhatsApp button), below WCAG AA's 4.5:1; this hits 5.32:1 */

  --font-heading:'Poppins', sans-serif;
  --font-body:'Inter', sans-serif;
  --fs-h1:clamp(2.5rem,5vw,4rem); --fs-h2:clamp(2rem,3.5vw,2.75rem);
  --fs-h3:clamp(1.35rem,2vw,1.6rem); --fs-body:1.0625rem; --fs-small:.9rem;
  --lh-tight:1.15; --lh-body:1.65; --tracking-tight:-.02em;

  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;
  --space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--space-32:128px;
  --radius-sm:10px;--radius-md:18px;--radius-lg:28px;--radius-pill:999px;
  --shadow-sm:0 2px 8px rgba(10,31,68,.06); --shadow-md:0 12px 32px rgba(10,31,68,.10);
  --shadow-lg:0 24px 60px rgba(10,31,68,.16);
  --ease:cubic-bezier(.22,.61,.36,1); --dur:.28s;
  --container:1200px; --gutter:clamp(16px,4vw,40px);
}