/* tokens.css — every colour, font, spacing and size decision lives here.
Change a value once and the whole site follows. Nothing else hard-codes these. */

:root {
  /* Palette A — warm paper + green (approved). */
  --navy: #1c3a5a;
  --navy-deep: #10253d;
  --green: #5c9647;
  /* decorative fills only: white text on it fails contrast */
  --green-deep: #467a37;
  /* filled buttons + white text (5.1:1) */
  --green-ink: #3b6b2e;
  /* green text on light backgrounds (5.3:1+) */
  --green-soft: #d6e3cc;
  --grey-wave: #a2a6a3;
  --paper: #eeebe3;
  --card: #f5f3ec;
  --tint: #e7e6dc;
  --line: #dad7cc;
  --ink: #22282c;
  --ink-soft: #565c56;
  --on-dark: #d8e0ea;
  --alert: #b5432b;
  --alert-soft: #f7e7e2;
  /* Logo colours, sampled from the logo file. Reference for a future strict-logo palette. */
  --logo-navy: #014e78;
  --logo-lime: #7beb41;
  --logo-grey: #8f9392;
  --display: "Fraunces", Georgia, serif;
  --body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  /* Spacing scale: use these instead of ad-hoc pixel values. */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --section-y: clamp(3.5rem, 7vw, 5.5rem);
  /* vertical padding of every section */
  --head-gap: clamp(1.75rem, 4vw, 2.75rem);
  /* gap under a section heading */
  --gutter: clamp(1.25rem, 4vw, 2rem);
  /* page side padding */
  --max-width: 1180px;
  --tap: 2.75rem;
  /* 44px minimum touch target */
  --bar-h: 4.75rem;
  /* height of the mobile call bar */
  --radius: 18px;
  --radius-sm: 10px;
  --shadow: 0 12px 32px -14px rgba(13, 37, 69, 0.28);
  --shadow-sm: 0 6px 18px -10px rgba(13, 37, 69, 0.22);
  /* Brand wave used by every empty photo slot (inline SVG, no extra request). */
  --wave-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 200' preserveAspectRatio='xMidYMid slice'%3E%3Cpath d='M-20 120C60 40 140 40 200 120S340 200 420 110' fill='none' stroke='%235c9647' stroke-width='46' stroke-linecap='round' opacity='0.55'/%3E%3Cpath d='M-20 140C60 210 140 210 200 140S340 70 420 150' fill='none' stroke='%23a2a6a3' stroke-width='26' stroke-linecap='round' opacity='0.35'/%3E%3C/svg%3E");
}