/* Every value below is lifted verbatim from the production site (index.html).
   Nothing here is interpolated or invented. */
:root{
  /* --- brand --- */
  --symbia-purple:#370E62;   /* primary brand: eyebrows, links, purple field, S glyph */
  --symbia-red:#D80621;      /* accent + CTA: buttons, rules, bullets, category labels */
  --symbia-grey:#A9A9A9;     /* SYMBIA wordmark, tertiary icon stroke */
  --purple-hover:#23073F;    /* the site's only defined hover colour (a:hover) */

  /* --- ink --- */
  --ink:#1A1A1A;             /* headings, nav links, card titles */
  --ink-body:#4A4A4A;        /* body copy, footer links */
  --ink-muted:#6B6B70;       /* neutral chip text */
  --ink-subtle:#8A8A8E;      /* metadata, captions, copyright */

  /* --- surfaces --- */
  --surface-page:#FAFAFA;    /* default page + alternating band */
  --surface-white:#FFFFFF;   /* cards, alternating band */
  --surface-purple:#370E62;  /* stat band */
  --surface-red:#D80621;     /* closing CTA band */

  /* --- tints (chips only) --- */
  --tint-purple:#EDE3F3;
  --tint-red:#FCE0E3;
  --tint-neutral:#EFEFF1;

  /* --- on-dark text --- */
  --on-purple:#D9CBE8;       /* body copy on the purple band */
  --on-purple-subtle:#B9A5CE;/* source lines on the purple band */
  --on-red:#F3D0D5;          /* body copy on the red CTA band */

  /* --- lines --- */
  --border-hairline:#EAEAEC;

  /* --- semantic aliases --- */
  --text-heading:var(--ink);
  --text-body:var(--ink-body);
  --text-eyebrow:var(--symbia-purple);
  --text-category:var(--symbia-red);
  --text-link:var(--symbia-purple);
  --text-link-hover:var(--purple-hover);
  --text-link-accent:var(--symbia-red);
  --surface-card:var(--surface-white);
  --surface-inset:var(--surface-page);
}