/* vhsrt colour system — black & white base, four equal accents.
   Accents are NEVER used for running text (see readme.md → Visual Foundations). */
:root{
  /* base */
  --vhs-black:#000000;
  --vhs-white:#FFFFFF;

  /* four equal accents */
  --vhs-red:#EA4F3D;
  --vhs-turquoise:#00AB97;
  --vhs-purple:#524E9C;
  --vhs-yellowgreen:#D2D100;
  /* fifth bar colour / vvrt house colour */
  --vhs-grey:#878787;

  /* accents as neutral aliases — no hierarchy is implied by the numbering */
  --accent-1:var(--vhs-red);
  --accent-2:var(--vhs-turquoise);
  --accent-3:var(--vhs-purple);
  --accent-4:var(--vhs-yellowgreen);

  /* per-medium dominant accent: override on a page/section root */
  --accent-lead:var(--vhs-red);

  /* sister-brand house colours — exactly one each, never mixed */
  --brand-vhsrt:var(--vhs-black);
  --brand-msrt:var(--vhs-red);
  --brand-juksrt:var(--vhs-turquoise);
  --brand-swrt:var(--vhs-purple);
  --brand-dekart:var(--vhs-yellowgreen);
  --brand-vvrt:var(--vhs-grey);

  /* functional neutrals — tints of black, UI only (rules, fills, disabled) */
  --grey-050:#F5F5F5;
  --grey-100:#EBEBEB;
  --grey-200:#D6D6D6;
  --grey-400:#A8A8A8;
  --grey-500:#878787;
  --grey-700:#4D4D4D;
  --grey-900:#1A1A1A;

  /* semantic */
  --text-primary:var(--vhs-black);
  --text-secondary:var(--grey-700);
  --text-muted:var(--grey-500);
  --text-inverse:var(--vhs-white);
  --text-link:var(--vhs-black);
  --text-link-hover:var(--vhs-black);

  --surface-page:var(--vhs-white);
  --surface-card:var(--vhs-white);
  --surface-subtle:var(--grey-050);
  --surface-inverse:var(--vhs-black);

  --border-hairline:var(--vhs-black);
  --border-quiet:var(--grey-200);
  --border-width:1px; /* @kind spacing */
  --border-width-strong:2px; /* @kind spacing */

  --focus-ring:var(--vhs-black);

  /* state overlays — value shifts, never hue shifts */
  --state-hover-veil:rgba(0,0,0,.06);
  --state-press-veil:rgba(0,0,0,.14);
  --state-hover-veil-inverse:rgba(255,255,255,.14);
  --disabled-opacity:.38; /* @kind other */

  /* duplex photography: b/w image + exactly one accent */
  --duplex-color:var(--accent-lead);
}