:root {
  /* The world is asphalt. */
  --asphalt: #0B0D10;
  --carbon:  #14181D;
  --bone:    #E8E6E1;
  --slate:   #7A8A96;
  --line:    #232A31;

  /* Timing states. These are the only chromatic colours on the page, and each
     one means something: purple is fastest anyone has gone, green is a personal
     best, amber is caution, red is a flag. Never used decoratively. */
  --purple: #B14CFF;
  --green:  #00E676;
  --amber:  #FFB800;
  --red:    #FF3B30;

  --font-mono:    'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --font-display: 'Archivo Black', var(--font-mono);
  --font-hero:    'Syncopate', 'Space Grotesk', var(--font-display);

  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px;
  --sp-4: 16px; --sp-5: 24px; --sp-6: 40px;

  --radius: 3px;
  --strip: 34px;
  /* Height of the fixed session header. */
  --ses-h: 34px;
}