/* Local Hero SEO — design tokens. Ported verbatim from the approved mockup.
   All brand values live here. Never hardcode a hex outside this file. */
:root{
  /* Brand — from the logo SVGs. Red is an ACCENT, never a field. */
  --navy:#1E4192;
  --navy-deep:#16306E;
  --navy-ink:#0B1730;
  --red:#FF1C1C;
  --red-deep:#C81414;
  --white:#FFFFFF;
  --paper:#F7F9FD;
  --paper-alt:#EFF3FB;
  --steel:#616E8C;
  --line:#E2E8F5;
  --line-strong:#CBD5EC;
  --win:#12B76A;

  /* Dark-surface text hierarchy — lightest to dimmest */
  --black:#000000;
  --prose-bright:#E1E8F8;
  --prose:#C2CFEB;
  --prose-soft:#B9C7E8;
  --caption:#93A8DE;
  --caption-soft:#9DAFD6;
  --fine:#7F93C6;
  --dim:#6E80B0;
  --error-light:#FFB4B4;

  --font-display:'Anton',system-ui,sans-serif;
  --font-body:'Barlow',system-ui,sans-serif;
  --font-data:'Barlow Condensed',system-ui,sans-serif;

  --t-xs:clamp(.75rem,1.3vw,.8125rem);
  --t-sm:clamp(.875rem,1.6vw,.9375rem);
  --t-base:clamp(1rem,1.9vw,1.0625rem);
  --t-lg:clamp(1.0625rem,2.3vw,1.1875rem);
  --t-xl:clamp(1.25rem,2.7vw,1.5rem);
  --t-2xl:clamp(1.75rem,4vw,2.625rem);
  --t-3xl:clamp(2.125rem,5vw,3.25rem);
  --t-hero:clamp(2.875rem,9.5vw,6.75rem);

  --s1:.5rem; --s2:1rem; --s3:1.5rem; --s4:2rem; --s5:2.5rem;
  --s6:3rem; --s8:4rem; --s10:5rem;
  --section-y:clamp(4rem,8.5vw,7.5rem);
  --container:1180px;
  --pad:clamp(1.25rem,5vw,2.5rem);

  --r-sm:4px; --r-md:10px; --r-lg:16px;
  --shadow-xs:0 1px 2px rgba(11,23,48,.05);
  --shadow-sm:0 2px 8px rgba(11,23,48,.06);
  --shadow-md:0 10px 30px rgba(11,23,48,.09);
  --shadow-lg:0 24px 60px rgba(11,23,48,.14);
  --ease:220ms cubic-bezier(.2,.7,.3,1);
}