/* Haverford Road v3 — "The Sign". Colors taken from the shop's sign and logo:
   sign red, sign ink (the dark navy-charcoal of AUTO BODY), white.
   Single light theme; every color is set explicitly. Ratios: WCAG 2.x, computed 2026-09-27. */
:root{
  color-scheme: light;

  --paper:#ffffff;          /* main surface */
  --mist:#f5f5f3;           /* alternate band */
  --ink:#1f242d;            /* sign ink. Text: 15.57:1 on paper, 14.27:1 on mist. Also the dark band */
  --ink-3:#2a303a;          /* cards on the ink band */
  --ink-2:#565b64;          /* secondary text: 6.83:1 paper, 6.25:1 mist */
  --on-ink:#ffffff;         /* 15.57:1 on ink, 13.27:1 on ink-3 */
  --on-ink-2:#b4b8c0;       /* 7.83:1 on ink, 6.67:1 on ink-3 */

  --line:#e4e4e0;           /* decorative hairline (1.27:1) */
  --line-strong:#80848d;    /* functional borders: >=3:1 on paper and mist */
  --line-ink:#3a404b;       /* hairline on ink (decorative) */

  --red:#c8203a;            /* sign red. White on red 5.64:1; red text on paper 5.64:1, mist 5.17:1.
                               Red on ink is 2.76:1: never text on the dark band. */
  --red-dark:#a3182f;       /* hover/pressed; white on it 7.70:1 */
  --on-red:#ffffff;
  --focus:#c8203a;
  --focus-on-ink:#ffffff;

  --note-bg:#fbebcc; --note-ink:#5e3d00; --note-line:#8a5a00;   /* draft-only review notes: 8.33:1 */

  --font:"Archivo","Helvetica Neue",Arial,sans-serif;

  --max:1200px;
  --edge:clamp(20px,4vw,48px);
  --gap:clamp(16px,2.2vw,28px);
  --section:clamp(52px,6.5vw,96px);
  --header-h:76px;
  --r:10px;                 /* cards, images */
  --r-sm:6px;               /* buttons */
  --shadow:0 1px 2px rgba(31,36,45,.06),0 8px 24px rgba(31,36,45,.06);
  --ease:cubic-bezier(.2,.7,.2,1);
}