/* Graphyt colours: the one source for every screen.
 *
 * app.graphyt.in (the panel, sign-in, account, setup and legal pages),
 * graphyt.in (site/public/theme.css) and record.graphyt.in
 * (collect/static/theme.css) all read this file. The copies must stay
 * byte-for-byte the same: tests/test_theme.py fails CI if they drift.
 * Change colours here, then copy this file over the others.
 *
 * There is one mode, dark: true black paper, ink at #EEE, three warm greys,
 * 1px hairlines. State colours keep their one meaning; on black their washes
 * go deep so the colour itself carries the signal. The printed report (the
 * Final report preview, Word and PDF) stays dark ink on white paper.
 */

:root {
  color-scheme: dark;
  --paper: #000000;
  --ink: #EEEEEE;
  --ink-muted: #A6A29D;
  --statement: #75716C;
  --ash: #3E3B38;
  --hairline: #22211F;
  --wash: #100F0E;
  --stop: #FF6B60;
  --amber: #FDB022;
  --amber-wash: #1C1405;
  --amber-line: #93370D;
  --red: #FF6B60;
  --red-wash: #200C0A;
  --red-line: #912018;
  --green: 72, 200, 130;
  --ring: rgba(238, 238, 238, .16);
  --rec: #FF5A4E;
  --rec-halo: rgba(255, 90, 78, .28);
  --rec-wash: #1F0C0A;
  --pulse: 238, 238, 238;
  --sheen: rgba(0, 0, 0, .9);
  --veil: rgba(0, 0, 0, .8);
  /* the live page: a black sheet on a desk a step lighter */
  --desk: #111110;
  --sheet: #000000;
  --sheet-edge: #242321;
  --page-break: #3E3B38;
  /* A report's state, on the dashboard: each colour means one state and
     always sits beside its word. Finished-not-signed stays grey. */
  --state-progress: #5B8DEF;
  --state-progress-wash: #0B1830;
  --signed: #2FA866;
  --signed-wash: #08200F;
  --changed: #E8672A;
  --changed-wash: #2A1205;
}