/*
  NoHitter design tokens.
  Concept: the ballpark's own paperwork. Scorebook paper and printed rules for
  every table, the green-steel manual scoreboard for anything live or final,
  and a vintage card for every player. See docs/design.md.
  Load after the Google Fonts link and before nohitter.css.
*/
:root {
  /* Paper: scorebook stock and newsprint */
  --nh-paper-0: #fbfaf5;          /* raised stock: cards, card backs, lineup card */
  --nh-paper-1: #f2f0e8;          /* the page */
  --nh-paper-2: #e8e5d9;          /* wells, hovered rows */
  --nh-paper-3: #dcd8c9;          /* pressed, rules on paper-2 */
  --nh-rule-1: #d3d6c8;           /* hairlines: printed scorebook rules */
  --nh-rule-2: #a7b1a3;           /* strong rules */

  /* Ink */
  --nh-ink-1: #16211b;            /* text, section rules (14.5:1 on paper-1) */
  --nh-ink-2: #3c4a42;            /* secondary text (8.2:1) */
  --nh-ink-3: #5b675f;            /* muted labels (5.2:1 on paper-1, 4.7:1 on paper-2) */
  --nh-ink-hand: #1f2f6b;         /* marker ink on the lineup card */

  /* Scoreboard steel */
  --nh-board-1: #1c4434;          /* panel */
  --nh-board-2: #153628;          /* deeper panel, masthead strip */
  --nh-board-3: #0e241b;          /* number plates */
  --nh-board-edge: rgba(241, 239, 228, 0.14);
  --nh-chalk-1: #f1efe4;          /* painted numerals and lettering (9.5:1 on board-1) */
  --nh-chalk-2: #bccbbf;          /* secondary lettering (6.5:1 on board-1) */
  --nh-lamp: #ffc93c;             /* lit bulbs: winners, active nav, live marks */

  /* Accents */
  --nh-stitch: #c8342a;           /* baseball stitching: the scout's circle, fills */
  --nh-stitch-ink: #a8281e;       /* red text on paper (6.2:1) */
  --nh-win: #1e6a44;              /* win text on paper (5.8:1) */
  --nh-loss: var(--nh-stitch-ink);
  --nh-caution: #b7790a;          /* the relegation series marker */
  --nh-outbid: #e8781e;           /* outbid at auction: the banner on every page (ink-1 on it, 4.9:1) */
  --nh-highlight: #fbeb9c;        /* highlighter swipe for your club's rows */
  --nh-ticket: #f6df95;           /* ticket stock */

  /* Scouting grades, 20-80. One hue, light to dark; the number is always printed. */
  --nh-g20: #ecebe3;  --nh-g20-ink: var(--nh-ink-3);
  --nh-g25: #e7e8de;  --nh-g25-ink: var(--nh-ink-3);
  --nh-g30: #e2e6d9;  --nh-g30-ink: var(--nh-ink-2);
  --nh-g35: #dae2d3;  --nh-g35-ink: var(--nh-ink-2);
  --nh-g40: #d2ddcd;  --nh-g40-ink: var(--nh-ink-1);
  --nh-g45: #c3d4c3;  --nh-g45-ink: var(--nh-ink-1);
  --nh-g50: #b1c9b6;  --nh-g50-ink: var(--nh-ink-1);
  --nh-g55: #94b89e;  --nh-g55-ink: var(--nh-ink-1);
  --nh-g60: #6e9f80;  --nh-g60-ink: #0d1611;
  --nh-g65: #387656;  --nh-g65-ink: #f7f6ef;
  --nh-g70: #2b6a4a;  --nh-g70-ink: #f7f6ef;
  --nh-g75: #1f583c;  --nh-g75-ink: #f7f6ef;
  --nh-g80: #163f2c;  --nh-g80-ink: #f7f6ef;

  /* Type */
  --nh-font-display: 'Big Shoulders Display', 'Barlow Condensed', 'Arial Narrow', sans-serif;
  --nh-font-text: 'Barlow', 'Helvetica Neue', Arial, sans-serif;
  --nh-font-data: 'Barlow Semi Condensed', 'Barlow', 'Arial Narrow', sans-serif;
  --nh-font-script: 'Playball', 'Brush Script MT', cursive;
  --nh-font-hand: 'Permanent Marker', 'Marker Felt', cursive;

  --nh-fs-hero: clamp(3rem, 8vw, 5rem);       /* scoreboard numerals, record */
  --nh-fs-h1: clamp(2.25rem, 5.5vw, 3.5rem);
  --nh-fs-h2: 1.75rem;
  --nh-fs-h3: 1.3rem;
  --nh-fs-body: 1rem;                         /* 16px */
  --nh-fs-data: 0.9375rem;                    /* 15px tables */
  --nh-fs-small: 0.8125rem;                   /* 13px */
  --nh-fs-label: 0.75rem;                     /* 12px caps labels, never smaller */
  --nh-lh-tight: 1.05;
  --nh-lh-snug: 1.3;
  --nh-lh-body: 1.5;
  --nh-track-caps: 0.08em;
  --nh-track-sign: 0.04em;

  /* Space, 4px base */
  --nh-s1: 4px;
  --nh-s2: 8px;
  --nh-s3: 12px;
  --nh-s4: 16px;
  --nh-s5: 24px;
  --nh-s6: 32px;
  --nh-s7: 48px;
  --nh-s8: 64px;

  /* Shape: printed things have square corners; cards and tickets are die-cut */
  --nh-r-0: 0;
  --nh-r-1: 2px;
  --nh-r-2: 4px;
  --nh-r-ticket: 8px;
  --nh-r-card: 14px;
  --nh-r-pill: 999px;

  /* Depth */
  --nh-shadow-paper: 0 1px 0 rgba(22, 33, 27, 0.05), 0 2px 8px rgba(22, 33, 27, 0.08);
  --nh-shadow-lift: 0 2px 0 rgba(22, 33, 27, 0.05), 0 14px 30px rgba(22, 33, 27, 0.18);
  --nh-shadow-plate: inset 0 1px 0 rgba(255, 255, 255, 0.07), inset 0 -2px 0 rgba(0, 0, 0, 0.35);

  /* Layout */
  --nh-page-max: 1240px;
  --nh-page-wide: 1760px;                     /* a broadcast: the field with a club's box score each side */
  --nh-gutter: 16px;

  /* Motion */
  --nh-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
}

@media (min-width: 768px) {
  :root { --nh-gutter: 24px; }
}

@media (min-width: 1200px) {
  :root { --nh-gutter: 32px; }
}