/* Stone New Projects design tokens
   Shared by the public site, the agent portal and the editor, so brand values
   live in one place. Change a value here and every page that uses it follows.
   Brand: teal #00b3be, charcoal #152128, dark charcoal 95% #212c33, orange
   #f88c30 (accent only). Headings Playfair Display (Guardian Egyptian web
   stand-in) on Georgia; body Verdana. No shadows, no italics, sentence case. */
:root{
  /* colour */
  --snp-teal:#00b3be;
  --snp-teal-dark:#019aa4;
  --snp-charcoal:#152128;
  --snp-charcoal-95:#212c33;
  --snp-orange:#f88c30;
  --snp-white:#ffffff;
  --snp-bg:#f5f7f8;
  --snp-line:#e3e6e8;
  --snp-line-soft:#edf1f2;
  --snp-text:#152128;
  --snp-text-mute:#5b6a72;
  --snp-text-light:#66747b;   /* 4.7:1 on white (was #8a959c, 2.9:1) */
  --snp-red:#c0392b;
  --snp-amber:#c98a1b;
  --snp-green:#2a9d5c;
  /* type */
  --snp-font-display:'Playfair Display',Georgia,serif;
  --snp-font-body:Verdana,Geneva,sans-serif;
  --snp-fs-xs:11px;
  --snp-fs-sm:12.5px;
  --snp-fs-md:14px;
  --snp-fs-lg:18px;
  --snp-fs-xl:24px;
  --snp-fs-2xl:30px;
  /* spacing */
  --snp-space-1:4px;
  --snp-space-2:8px;
  --snp-space-3:12px;
  --snp-space-4:16px;
  --snp-space-5:24px;
  --snp-space-6:32px;
  --snp-space-7:48px;
  /* shape */
  --snp-radius-sm:6px;
  --snp-radius:10px;
  --snp-radius-pill:999px;
  /* focus ring for keyboard users */
  --snp-focus-ring:2px solid #00b3be;
}
/* Keyboard focus is always visible (mouse clicks don't show it). */
:focus-visible{outline:var(--snp-focus-ring);outline-offset:2px}