/* The palette, one copy.
 *
 * These values were duplicated verbatim into four <style> blocks, which is fine
 * right up until someone changes --accent in one of them. Every page links this
 * first; nothing else declares a colour token. */
:root{
  --bg:#070B14;
  --panel:#0C1322;
  --line:#1A2740;
  --ink:#E9EEF9;
  --dim:#8A9BB8;
  --faint:#3D4E6A;

  --ok:#34D399;
  --warn:#E8A317;
  --bad:#FF4D6D;
  --accent:#E8A317;
  --accent-soft:#E8A31744;

  /* Hover/active borders and raised surfaces. Named because they appear on every
     interactive element on every page, and were previously typed as literals. */
  --line-hi:#2A3B58;
  --raised:#121C2E;
  --sunken:#0A1220;

  --font:"Instrument Sans",ui-sans-serif,system-ui,sans-serif;
  --display:"Newsreader",Georgia,"Times New Roman",serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;

  /* The movie frame. The engine works in these units and the exporter matches
     them; changing one without the other reframes every score. */
  --stage-w:1600;
  --stage-h:900;
}