/* minimal atlas — colour. Guideline 04.1. Five values, no tints, no gradients. */
:root{
  /* Base */
  --proto-red:#D9003C;
  --near-black:#0A0A0A;
  --paper-white:#F5F4EF;
  --annotation-grey:#34342F;
  --index-grey:#8A8A8A;

  /* Semantic — surface */
  --surface-page:var(--paper-white);
  --surface-gallery:var(--near-black);
  --surface-media:var(--near-black);
  --field-system:var(--proto-red);
  --field-index:var(--index-grey);

  /* Semantic — text */
  --text-primary:var(--near-black);
  --text-secondary:var(--annotation-grey);
  --text-caption:var(--annotation-grey);
  --text-inverse:var(--paper-white);
  --text-on-system:var(--near-black);
  --text-on-index:var(--paper-white);

  /* Semantic — state */
  /* Selection is weight, not colour: Proto Red is a hovered link and a SYSTEM term only.
     --state-selected is therefore "SYSTEM selected" (menu keyword); every page state —
     header page, WORK TYPE, NEWS filters — is --state-default and Bold. */
  --state-selected:var(--proto-red);
  --state-default:var(--near-black);
  --link-hover:var(--proto-red);
  /* Focus is deliberately NOT Proto Red: a focus ring must not read as "selected". */
  --focus-ring:var(--annotation-grey);
  --rule:var(--near-black);
}