/* DeskSparc token spine — one file re-skins the site. Sparc family, bright-teal lane. */
:root{
  /* brand lane */
  --teal-bright:#3ce6c8;
  --teal:#1fd3b4;
  --teal-deep:#0b8f74;      /* text-safe on white (4.6:1) */
  --teal-deeper:#09775f;

  /* neutrals (family) */
  --ink:#0f1d28;
  --ink-2:#16283a;
  --dim:#4c5a66;
  --mute:#7c8994;
  --line:#e1e7ea;
  --bg:#ffffff;
  --band:#f2f8f6;

  /* semantics */
  --text:var(--ink);
  --accent:var(--teal-deep);
  --accent-bright:var(--teal-bright);
  --dark-text:#e8f2ee;
  --dark-dim:#9db4ab;

  --font-display:'Space Grotesk',system-ui,sans-serif;
  --font-body:'Inter',system-ui,sans-serif;

  --fs-xs:clamp(.72rem,.68rem + .2vw,.8rem);
  --fs-sm:clamp(.85rem,.8rem + .25vw,.95rem);
  --fs-md:clamp(1rem,.95rem + .3vw,1.1rem);
  --fs-lg:clamp(1.2rem,1.1rem + .6vw,1.5rem);
  --fs-xl:clamp(1.6rem,1.35rem + 1.3vw,2.3rem);
  --fs-hero:clamp(2rem,1.5rem + 2.6vw,3.4rem);

  --s-1:.25rem; --s-2:.5rem; --s-3:.75rem; --s-4:1rem; --s-5:1.5rem;
  --s-6:2rem; --s-7:3rem; --s-8:4.5rem;
  --gutter:clamp(1rem,4vw,3rem);
  --radius:14px;
  --maxw:1120px;
}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;
  src:url(../assets/fonts/inter-latin.woff2) format('woff2')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:300 700;font-display:swap;
  src:url(../assets/fonts/spacegrotesk-latin.woff2) format('woff2')}