/* ==========================================================================
   ROOT — every value the rest of the stylesheets draw from.
   Change a colour, a typeface or the vertical rhythm here and it moves
   everywhere. Nothing below this file hard-codes a brand colour or a font
   stack.
   ========================================================================== */
:root{

  /* --- Brand ------------------------------------------------------------- */
  --brand:#116E9C;              /* sampled from the supplied logo */
  --brand-deep:#0C5378;
  --tan:#A8875C;                /* script + star accent */

  /* --- Surfaces ---------------------------------------------------------- */
  --cream:#F7F4EF;
  --sand:#F5F1EB;               /* the standard section canvas */
  --sand-lite:#F9F6F1;          /* the alternate band */
  --white:#FFFFFF;

  /* --- Text -------------------------------------------------------------- */
  --ink:#14171A;                /* headings and primary text */
  --ink-strong:#16181C;         /* display headings */
  --text-mid:#3A3A3E;           /* lead paragraphs */
  --text-body:#4A4A4E;          /* body copy */
  --text-soft:#605849;          /* captions, hints */
  --text-muted:#6B6256;         /* labels, secondary meta */
  --text-dim:#8A7B66;           /* placeholders, map pins */

  /* --- Lines ------------------------------------------------------------- */
  --line:rgba(120,105,85,.26);          /* hairline between items */
  --line-strong:rgba(120,105,85,.3);    /* section rules, field borders */
  --link-line:rgba(17,110,156,.38);     /* the underline under an inline link */

  /* --- Typefaces --------------------------------------------------------- */
  --font-sans:'Figtree',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --font-serif:'Playfair Display',Georgia,'Times New Roman',serif;
  --font-script:'Allura',cursive;
  --font-script-alt:'Qwitcher Grypen',cursive;

  /* --- Type sizes that repeat -------------------------------------------- */
  --fs-eyebrow:clamp(.625rem,.76vw,.78125rem);   /* uppercase section labels */
  --fs-label:clamp(.625rem,.72vw,.75rem);        /* form labels */

  /* --- Spacing -----------------------------------------------------------
     Fixed steps for the small stuff, fluid ones for the page's vertical
     rhythm. The fluid values are the ones that repeated most across the
     sheets, so naming them is what keeps the rhythm even from page to page. */
  --space-3xs:.25rem;
  --space-2xs:.5rem;
  --space-xs:.75rem;
  --space-sm:1rem;
  --space-md:1.5rem;
  --space-lg:2rem;
  --space-xl:3rem;
  --space-2xl:4rem;

  --gutter:clamp(1.25rem, 4.8vw, 5rem);          /* the page's side margin */
  --section-y:clamp(2.75rem,5vw,5.25rem);        /* standard section padding */
  --section-y-lg:clamp(3rem,5.4vw,5.5rem);       /* a section that closes a page */
  --block-gap:clamp(1.5rem,2.8vw,2.75rem);       /* heading block to its content */
  --card-gap:clamp(1.25rem,2.4vw,2.25rem);       /* between cards in a grid */

  /* --- Shape and motion --------------------------------------------------- */
  --header-h:clamp(74px, 7vw, 116px);
  --radius:10px;
  --ease:cubic-bezier(.22,.61,.36,1);

  /* Allura sits small on the body — this is the one value to nudge if the
     script line needs to grow or shrink against the comp. */
  --script-size:clamp(2.25rem,min(5.6vw,9.9vh),5.875rem);

  /* Scrim strength. The mockup plate below already carries the comp's own
     grade, so these are deliberately light. Swapping in a raw, ungraded
     photograph? Raise to roughly .58 / .55 / .55. */
  --scrim-top:.34;
  --scrim-bottom:.44;
  --scrim-left:.24;
  --panel-bg:rgba(18,21,24,.58);
  --panel-brd:rgba(255,255,255,.16);
  --panel-div:rgba(255,255,255,.14);
  --label:rgba(255,255,255,.62);

  /* The focus ring was a flat white, which is right over the hero photograph
     and all but invisible on the cream sections. It is a variable so the dark
     bands can flip it without every focusable element needing a rule. */
  --focus-ring:#16181C;
}