/* Manchester Boxers — design tokens
   System: "The Programme, colour-coded" (v0.1, 2 Nov 2026)
   Everything visual on the site should resolve to one of these. */

:root {
  /* ---- Paper & ink ------------------------------------------------ */
  --paper:         #F3ECDC;  /* page ground */
  --paper-raised:  #F8F3E7;  /* cards, panels */
  --paper-sunk:    #E8E0CE;  /* postponed, muted, historic */
  --paper-faded:   #A9A192;  /* text on ink (menu) */
  --ink:           #1A1714;  /* text, rules, buttons */
  --ink-faded:     #5F574B;  /* captions — AA on paper */
  --ink-muted:     #7D7569;  /* placeholders, empty days */
  --ink-rule-dark: #4A443B;  /* rules on the ink menu */
  --rule-field:    #C9BFA9;  /* hairline between fields */

  /* ---- The one accent --------------------------------------------- */
  --accent:        #1F3FBF;  /* ultramarine: actions, "now", live status */
  --accent-light:  #9FB0F2;  /* accent hover on ink */

  /* ---- Borough code (ten colours, matched lightness) --------------
     A legend, not decoration: bars ≤14px, chips ≤36px, never a fill
     behind text, never a background. Postponed = hatched. */
  --b-bolton:     #D95F2B;
  --b-bury:       #C9A227;
  --b-manchester: #6B4FBB;
  --b-oldham:     #2E8B6E;
  --b-rochdale:   #2A6F97;
  --b-salford:    #B8336A;
  --b-stockport:  #7A8B2A;
  --b-tameside:   #8C5A3C;
  --b-trafford:   #5A3E8F;
  --b-wigan:      #4A9A8F;

  /* ---- Type ------------------------------------------------------- */
  /* Obviously (James Edmondson, OH no Type Co.) via Adobe Fonts kit uul0gnh.
     Loaded by <link href="https://use.typekit.net/uul0gnh.css"> in every page.
       obviously-compressed 800 = Compressed Black  → bills, names, dates
       obviously-compressed 700 = Compressed Bold   → card titles, smaller display
       obviously            500 = Medium            → nav, chips, UI text
       obviously            700 = Bold              → labels (.sc), buttons
     Only these four weights exist in the kit: use exactly these numbers. */
  --font-display: 'obviously-compressed', 'Arial Narrow', sans-serif;
  --font-ui:      'obviously', 'Helvetica Neue', Arial, sans-serif;
  --fw-bill: 800;  --fw-card: 700;  --fw-ui: 500;  --fw-label: 700;
  --font-text:    'Libre Caslon Text', Georgia, serif;
  --font-mono:    'Courier Prime', 'Courier New', monospace;

  /* Scale (desktop; mobile steps are inline in the reference pages) */
  --fs-bill:     clamp(64px, 7.4vw, 120px); /* lh 0.86 */
  --fs-h1:       96px;   /* lh 0.86 */
  --fs-h2:       40px;   /* lh 0.90 */
  --fs-card:     26px;   /* lh 0.98 */
  --fs-story:    clamp(44px, 4.6vw, 72px); /* Caslon, lh 1.02 */
  --fs-body:     17px;   /* lh 1.6 */
  --fs-ui:       15px;
  --fs-label:    12px;   /* caps, +0.08em */
  --fs-record:   13px;   /* mono */

  /* ---- Space & rules ---------------------------------------------- */
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px;
  --gutter: 24px;
  --margin: 40px;        /* 16px on mobile */
  --max: 1360px;
  --rule-section: 3px double var(--ink);
  --rule-entry:   1px solid var(--ink);
  --rule-field-line: 1px solid var(--rule-field);
  --radius: 0;           /* square corners everywhere; pills only on the day strip */
}