/* Every value read out of the deployed index.html (tokens.json v3.0.0). */
:root{
  /* core six -- the only hues the brand has */
  --pulp:#F4E9C8;      /* page ground, aged newsprint. always carries the dot field */
  --ink:#141216;       /* borders, body type, hard drop shadows */
  --hero-red:#C6342B;  /* primary display colour and primary CTA */
  --hero-blue:#1D4FA8; /* secondary display colour, section titles, secondary CTA */
  --burst:#F5C51D;     /* kaboom yellow. caption boxes, kicker stickers, stepper buttons */
  --dot:#D9C79A;       /* halftone dots on the pulp ground */

  /* neutrals: the seven the site used unnamed, light to dark */
  --neutral-000:#FFFFFF; /* card + surface ground, reversed type on ink or red */
  --neutral-100:#E5DCC0; /* reversed secondary type on ink grounds */
  --neutral-200:#C9BD97; /* dashed rules and table dividers on white */
  --neutral-400:#8A8271; /* counter-brand figures in the audit table */
  --neutral-500:#7A7361; /* SKU code type */
  --neutral-600:#6D6656; /* table foot type */
  --neutral-700:#4C473D; /* spec-line type */

  /* alphas: forms of core tokens, not new hues */
  --scrim-ink-35:rgba(20,18,22,.35);   /* softened hard shadow under the creed kicker */
  --glow-burst-55:rgba(245,197,29,.55); /* focus/emphasis shadow on contact form fields */

  /* semantic aliases */
  --surface-page:var(--pulp);
  --surface-card:var(--neutral-000);
  --surface-dark:var(--ink);
  --surface-highlight:var(--burst);
  --text-body:var(--ink);
  --text-spec:var(--neutral-700);
  --text-sku:var(--neutral-500);
  --text-muted:var(--neutral-600);
  --text-struck:var(--neutral-400);
  --text-reversed:var(--neutral-000);
  --text-reversed-soft:var(--neutral-100);
  --text-display-primary:var(--hero-red);
  --text-display-secondary:var(--hero-blue);
  --border-color:var(--ink);
  --rule-dashed:var(--neutral-200);
  --cta-primary-bg:var(--hero-red);
  --cta-secondary-bg:var(--hero-blue);
  --cta-tertiary-bg:var(--neutral-000);
  --focus-ring:var(--hero-blue);

  /* the halftone newsprint field: one pattern, 9px grid, on the pulp ground */
  --halftone-image:radial-gradient(var(--dot) 1px, transparent 1.4px);
  --halftone-size:9px 9px;
}
