/* Cloud Nine Roofing: the brand tokens, from Clients/Cloud 9 Roofing/_brand/README.md (the approved social system, 2026-10-18)
   and the site read (cloudnineroofs.com: sky-blue buttons, white page, dark bands). Loaded after the thin base; overrides
   only custom properties. Sky blue carries navy text only: white on #28A9E2 is about 1.7:1 and fails. */
@font-face{font-family:"Figtree";src:url("fonts/figtree.woff2") format("woff2");font-weight:300 900;font-style:normal;font-display:swap}
:root{
  --accent:#0A64AD;      /* deep blue: small labels and links on white (4.5:1 passes) */
  --accent2:#0F1C2B;     /* navy: its dark partner */
  --cta:#28A9E2;         /* sky blue: every button */
  --cta-ink:#0F1C2B;     /* navy text on the sky button */
  --hl:#28A9E2;          /* the highlight on navy sections */
  --sky:#28A9E2;
  --navy:#0F1C2B;
  --paper:#FFFFFF;
  --sand:#EAF3FA;        /* mist: the quiet ground */
  --card:#FFFFFF;
  --dark:#0F1C2B;
  --dark-ink:#FFFFFF;
  --dark-muted:rgba(255,255,255,.78);
  --ink:#14202B;
  --ink2:#2B3A47;
  --muted:#5D6873;
  --line:#D9E4EE;
  --fd:"Figtree","Montserrat",-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
  --fb:"Figtree","Montserrat",-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
  --wd:800;
  --track:-.02em;
  --rb:12px;
  --r:18px;
}