/* =========================================================================
   Secure Acceleration — colour

   Two themes, one token set. `:root` is the light theme and the default;
   `[data-theme="dark"]` is the dark one, switched by the button in the
   corner and remembered per reader.

   Light: amber on the white of the illustrations' own paper (#fdfefe), so
   the artwork sits on the page without an edge. The amber is taken down to
   a value that clears 4.5:1 on white, so hovered text and small labels stay
   legible; a true signal amber measures around 3:1 and cannot carry text.

   Dark: neutral black with the same signal amber at full strength, which it
   can carry there.
   ========================================================================= */

:root {
  color-scheme: light;
  --paper: #fdfefe;
  --paper-2: #faf7f4;
  --paper-3: #f3ede6;
  --ink: #111111;
  --ink-2: #444444;
  --ink-3: #6b6b6b;
  --rule: #e6e6e6;
  --rule-strong: #cfcfcf;
  --accent: #ab6000;
  --accent-ink: #8a4d00;
  --accent-soft: rgba(171, 96, 0, 0.1);
  --accent-on: #ffffff;
  --figure-bg: #fdfefe;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 12px 32px -20px rgba(0, 0, 0, 0.3);
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #0a0a0c;
  --paper-2: #131317;
  --paper-3: #1d1d23;
  --ink: #e8e8ec;
  --ink-2: #a9a9b4;
  --ink-3: #7d7d88;
  --rule: #26262d;
  --rule-strong: #3a3a44;
  --accent: #f59e0b;
  --accent-ink: #fbbf24;
  --accent-soft: rgba(245, 158, 11, 0.13);
  --accent-on: #1a1204;
  --figure-bg: #f7f7f8;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.5), 0 16px 40px -24px rgba(0, 0, 0, 0.95);
}