/* The sports apps (nba-value, october, yamamoto, kershaw) in the site's
 * shared look (shared/theme.css): white, black, Helvetica.
 *
 * The four were built in the Bargain Bin's newsprint (cream paper, Archivo,
 * uppercase IBM Plex Mono labels, an italic accent word in each title). Each
 * loads theme.css and then this file after its own styles; this file resets
 * what they share. Their chart colors stay: Dodger blue, the stitching red
 * and gold encode data (the regular season, October, hits), so --blue here is
 * the sports section's Dodger blue rather than the site blue, and it doubles
 * as the accent.
 */
:root {
  --paper: #ffffff;
  --card: #fafafa;
  --ink: #111111;
  --ink-2: #555555;
  --ink-3: #767676;
  --rule: #d9d9d9;
  --rule-soft: #ececec;
  --blue: var(--hue-sport);
  --navy: #1d3557;
  --sans: "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;
  /* The labels and numbers that were in mono are Helvetica with tabular
     figures, so columns of numbers still line up. */
  --mono: var(--sans);
}

body {
  background: var(--paper);
  background-image: none;
  font-family: var(--sans);
  font-variant-numeric: tabular-nums;
}
.kicker { color: var(--ink) !important; font-weight: 700 !important; font-size: 0.8rem !important; }

/* No capitals or letter-spaced labels anywhere; headings set tight. */
body * { text-transform: none !important; letter-spacing: 0 !important; }
h1, h2, h3, .fig-title { font-family: var(--sans); letter-spacing: -0.02em !important; }
h1 { font-weight: 700 !important; }
h2, h3 { font-weight: 700; }

/* Titles are plain: no italic accent word. */
h1 em, h2 em, h3 em, .fig-title em, .thin {
  display: inline;
  font-style: normal !important;
  font-weight: inherit !important;
  color: inherit !important;
}

/* The mono class carried small capitals; it is now plain text. */
.mono { font-family: var(--sans); }

/* Rules and panels: plain lines, square corners. */
.masthead, .foot { border-color: var(--ink); }