/* Palette is verbatim from "n3tworth LOGO & BRAND GUIDELINES" (rev 1.27.26),
   extended with the greys the website mockup actually paints. */
:root{
  /* --- Brand core (guidelines page 2) --- */
  --carbon-black:#181818;
  --graphite:#333333;
  --platinum:#EFEFEF;
  --dust-grey:#D8D8D8;
  --silver:#C2C2C2;
  --flag-red:#CE2029;
  --white:#FFFFFF;

  /* --- Extended neutrals used in the mockup --- */
  --ink:#000000;          /* nav links, accordion copy */
  --ink-soft:#161616;      /* style-guide headings */
  --slate:#444444;         /* neutral-dark */
  --mist:#EEEEEE;          /* tag chip fill */
  --fog:#CCCCCC;           /* neutral-lighter */

  /* --- Logo-file literals (kept exact; the mark is NOT recoloured) --- */
  --logo-black:#191716;
  --logo-red:#D02029;

  /* --- Flag Red ramp, for hover / press / focus only --- */
  --flag-red-press:#A81A21;
  --flag-red-hover:#B81C24;
  --flag-red-tint:#F7E3E4;

  /* --- Semantic surfaces --- */
  --surface-page:var(--white);
  --surface-inverse:var(--carbon-black);
  --surface-muted:var(--platinum);
  --surface-panel:var(--graphite);      /* testimonial tab container */
  --surface-chip:var(--mist);
  --surface-plan:var(--dust-grey);      /* pricing plan header column */
  --surface-accent:var(--flag-red);

  /* --- Semantic text --- */
  --text-primary:var(--carbon-black);
  --text-inverse:var(--white);
  --text-accent:var(--flag-red);
  --text-muted:var(--graphite);
  --text-on-accent:var(--white);
  --text-link:var(--ink);

  /* --- Semantic borders --- */
  --border-accent:var(--flag-red);      /* 1px hairline — the signature card edge */
  --border-hairline:var(--graphite);    /* pricing table grid */
  --border-divider:var(--dust-grey);    /* footer rule */
  --border-subtle:rgba(0,0,0,.15);      /* style-guide dividers */
  --border-inverse:var(--platinum);     /* stat rules on dark */
}