/* Design tokens — visual language per DESIGN.md
   White space first (70%), deep navy for trust (20%), aqua for water/outdoor
   freshness (7%), coral for the very few moments that need attention (3%). */
:root{
  /* Brand */
  --navy:#102A43;
  --navy-2:#153B50;
  --navy-deep:#0B2133;
  --teal:#19A7A0;
  --teal-deep:#157E78;
  --teal-soft:#F1FBFA;
  --coral:#F28C52;

  /* Text */
  --ink:#172B3A;
  --ink-2:#344A5E;
  --muted:#667784;
  --on-navy:#D8E2E8;
  --on-navy-muted:#AFC2CF;

  /* Surfaces */
  --bg:#FFFFFF;
  --soft:#F7F9FA;
  --soft-2:#F2F5F6;

  /* Borders */
  --line:#DCE3E7;
  --line-2:#E7ECEF;

  /* Focus */
  --focus:#19A7A0;

  /* Type */
  --font-body:"Inter","Manrope","IBM Plex Sans","Source Sans 3","DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --font-heading:var(--font-body);
  --w-regular:400;
  --w-medium:520;
  --w-semibold:600;
  --w-bold:650;
  --fs-h1:clamp(40px,5.2vw,64px);
  --fs-h2:clamp(32px,3.6vw,44px);
  --fs-h3:clamp(22px,2vw,27px);
  --fs-h4:20px;
  --fs-lead:clamp(17px,1.4vw,19px);
  --fs-body:17px;
  --fs-small:15px;
  --fs-micro:13px;
  --fs-label:12px;
  --lh-tight:1.06;
  --lh-heading:1.12;
  --lh-body:1.7;
  --tracking-tight:-.04em;
  --tracking-heading:-.03em;
  --tracking-label:.14em;

  /* Space */
  --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-section:clamp(72px,9vw,120px);

  /* Layout */
  --max:1240px;
  --gutter:24px;
  --radius-sm:6px;
  --radius:10px;

  /* Motion — subtle only, 150–350ms */
  --ease:cubic-bezier(.4,0,.2,1);
  --dur:200ms;

  /* compatibility aliases for base styles */
  --color-ink:var(--ink);
  --color-background:var(--bg);
  --color-focus:var(--focus);
  --radius-control:var(--radius-sm);
}