@import url('https://fonts.googleapis.com/css2?family=Saira:ital,wdth,wght@0,75..125,100..900&family=Special+Elite&display=swap');

/* ── Run The Tape — global brand tokens (20260430) ─────── */
/* Machine Black foundation, Monitor White for type and editorial,
   Record Red for accent, Console Green for surfaces above Machine.
   Mirror of static/visuals/_shared/tokens.css.                       */
:root {
  /* Surfaces */
  --paper:         #F0F5F2;   /* Monitor White */
  --paper-2:       #E5EBE7;   /* Recessed Monitor White */
  --paper-3:       #D8DFDA;   /* Deeper Monitor White */
  --ink:           #0A1410;   /* Machine Black */
  --ink-soft:      #3D4F47;   /* Mid value, type muting on paper */
  --ink-mid:       #6A7A72;   /* Lighter mid, secondary captions */

  /* Console: surface one level above Machine Black */
  --console:       #132B1E;

  /* Accent — annotation only */
  --shot:          #CC1E1E;   /* Record Red */

  /* Data system (unchanged — colorblind-stable pair) */
  --data-blue:     #4A90C4;
  --data-orange:   #E07B39;
  --lib-color:     var(--data-blue);
  --sup-color:     var(--data-orange);

  /* Aliases */
  --bg-canvas:     var(--paper);
  --text-primary:  var(--ink);
  --text-muted:    rgba(10, 20, 16, 0.78);
  --text-tertiary: rgba(10, 20, 16, 0.48);
  --border-subtle: rgba(10, 20, 16, 0.18);
}

*, *::before, *::after { box-sizing: border-box; }

body {
  background: var(--paper);
  color: var(--ink);
  font-family: 'Saira', sans-serif;
  font-weight: 400;
  font-stretch: 100%;
  margin: 0;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4 {
  font-family: 'Saira', sans-serif;
  font-weight: 800;
  font-stretch: 100%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  margin: 0;
  line-height: 1.05;
  color: var(--ink);
}

.archival, .dateline, .meta-archival {
  font-family: 'Special Elite', 'Saira', monospace;
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: none;
}