/* Every value in the interface. No other stylesheet names a colour, a size, a space
   or a radius directly — they all reach through these names. That rule is what makes
   a light mode later a second copy of this file and nothing else. */
:root {
  /* Surfaces: three depths, not ten. */
  --bg: #0f1116;
  --surface: #171a21;
  --surface-raised: #1d2129;
  --line: #262a35;
  --line-soft: #1f232c;

  /* Ink. */
  --ink-strong: #ffffff;
  --ink: #e6e8ee;
  --ink-muted: #8b93a3;
  --ink-faint: #6f7787;

  /* The four state colours. One meaning each; see the spec's table. */
  --attention: #ffb443;      /* a person has to decide */
  --attention-ink: #ffc773;
  --attention-bg: #241d10;
  --good: #6ee7a0;           /* settled */
  --good-bg: #14301f;
  --bad: #ff8b8b;            /* broken */
  --bad-bg: #33191c;
  --accent: #5b8cff;         /* Sift did this, or you can click it */
  --accent-ink: #8fb4ff;
  --accent-bg: #14202f;
  --accent-line: #2c4270;

  /* The document itself: the brightest thing on screen, because it is the subject. */
  --paper: #f7f6f3;
  --paper-ink: #2a2723;

  /* Type. */
  --font-sans: system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --text-figure: 30px;
  --text-xl: 22px;
  --text-lg: 17px;
  --text-base: 14px;
  --text-sm: 12px;
  --text-xs: 11px;
  --tracking-label: 0.06em;

  /* Space. */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;

  /* Radius, and the one shadow. */
  --radius-sm: 4px;
  --radius: 6px;
  --radius-lg: 10px;
  --shadow-panel: 0 8px 24px rgba(0, 0, 0, 0.45);

  /* Layout. */
  --measure: 1280px;
}