/* The Compliance HQ - four-line rule tokens (DRAFT, rebrand/four-line).
   Core is cast iron and bone; the APWA locate colours are the only colour.
   Derivation: TC Compliance/market-brand/BRAND_TOKENS.md (outside the repo). */
:root {
  /* core */
  --iron: #2E3238;
  --steel: #6B7278;
  --bone: #EFEBE3;
  --white: #FFFFFF;

  /* divisions - one stripe each, in this order */
  --gas: #F1D300;        /* PMS 108 (owner's sheet) */
  --water: #0072CE;      /* PMS 285 C, APWA blue = ANSI Z535.1 Safety Blue */
  --wastewater: #00AB84; /* PMS 3405 C, APWA green = ANSI Z535.1 Safety Green - VERIFY PMS against Z535.1 Annex C */
  --electric: #D9272E;   /* PMS 1795 (owner's sheet) */

  /* the rule */
  --rule: linear-gradient(90deg,
    var(--gas) 0 25%, var(--water) 25% 50%,
    var(--wastewater) 50% 75%, var(--electric) 75% 100%);
  --rule-h: 4px;

  /* supporting neutrals (chrome, not text) */
  --iron-hover: #454A52;  /* button hover; white text on it 8.92:1 */
  --line: #D9D3C7;        /* hairline borders on white/bone; decorative, not text */

  /* TEXT-SAFE variants. The four stripe colours above are decorative only and
     are never used for text or icons. Every colour used as text is one of these
     (or --iron / --white / --bone), each measured with the WCAG 2.x relative-
     luminance formula against the background it is used on. AA body text = 4.5. */
  --iron-soft: #4A5058;          /* secondary text: 8.14 on white, 6.85 on bone */
  --steel-text: #6B7278;         /* = --steel; small text on WHITE only: 4.88 (4.10 on bone - fails) */
  --steel-text-on-bone: #5C636A; /* small text on bone: 5.12 (6.09 on white) */
  --gas-text: #7A6200;           /* gas-family text accent: 5.87 on white, 4.94 on bone */
  --bone-soft: #C8C3B9;          /* secondary text on cast iron: 7.34 */
  /* --iron on white 12.89, on bone 10.84; --white on iron 12.89; --bone on iron 10.84 */

  --font: "Archivo", system-ui, sans-serif;
  --wordmark-weight: 600;
  --wordmark-tracking: -0.015em;
}