/* 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(46px,6vw,76px);
  --fs-h2:clamp(36px,4.2vw,52px);
  --fs-h3:clamp(24px,2.5vw,32px);
  --fs-h4:22px;
  --fs-lead:clamp(19px,1.6vw,22px);
  --fs-body:18px;
  --fs-small:16px;
  --fs-micro:14px;
  --fs-label:13px;
  --lh-tight:1.08;
  --lh-heading:1.15;
  --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);
}