html:root {
  --signal: #f04420; --signal-text: #c13213;
  --sage: var(--signal); --sage-strong: var(--signal-text);
  --paper: #fff; --paper-2: #f7f7f4;
  --ink: #171a19; --ink-2: #4f5351; --ink-3: #6e726f; --ink-4: #959b97;
  --line: #e5e7e3; --line-2: #d1d5cf; --selection: #f0442033;
  /* Errors are crimson, apart from the vermilion that marks progress. */
  --error: #b8233a; --error-ink: #a01f33;
  --frame-edge: #171a191a;
  --landing-bar-glass: color-mix(in srgb, var(--paper) 90%, transparent);
  --landing-shadow-soft: #171a190a; --landing-shadow-deep: #171a1924;
  --glass-tint-edge: color-mix(in srgb, var(--paper) 14%, transparent); --glass-tint-core: color-mix(in srgb, var(--paper) 38%, transparent);
  --glass-blur: 10px; --glass-bright: 1.05; --glass-sheen: #ffffffa6; --glass-spec: #ffffffe6;
  --glass-rim-hi: #ffffff; --glass-rim-side: #ffffff6b; --glass-rim-lo: #ffffffd9; --glass-outline: #171a1929;
  --glass-inner-hi: #ffffff; --glass-inner-lo: #171a191f; --glass-glow: #ffffffcc;
  --glass-shadow-near: #171a191a; --glass-shadow-mid: #171a1921; --glass-shadow-far: #171a1942; --glass-night-light: .45;
  --landing-select-arrow: url('/assets/landing/select-chevron.6824b87738cb.svg');
  --landing-select-disclosure: url('/assets/landing/select-disclosure.30d1f281c019.svg');
  --landing-art-filter: none; --landing-art-blend: normal;
  /* The film's own paper and ink: a video looks the same in either theme,
     so what stands in for it on the page does too. */
  --film-paper: #fbfbfb; --film-ink: #171a19; --film-ink-2: #4f5351; --film-line: #e3e4df;
  --board-paper: #1e2429; --board-ink: #f3f1ea;
  /* Pro: the signal, lit. The bolt is Pro's mark wherever it shows. */
  --pro-amber: #ffb23f;
  /* The gauge's unlit segments, on the paper and on the lit pill. */
  --pro-unlit: #d1d5cf; --pro-unlit-on: #ffffff30;
  --pro-ember: linear-gradient(160deg, #ffd27a 0%, #ffa033 38%, #f04420 100%);
  --pro-bolt: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M9.6.8 2.7 9.2h4.6l-1 6 6.9-8.5H8.6L9.6.8Z'/%3E%3C/svg%3E");
  --hand: "Kalam", "Comic Sans MS", "Chalkboard SE", cursive;
  --sans: "Satoshi", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", sans-serif;
  --serif: var(--sans);
  --mono: var(--data);
}
html[data-theme="dark"] {
  --paper: #171a19; --paper-2: #222725; --ink: #fafbf8; --ink-2: #c1c9c3;
  --ink-3: #a5b0a8; --ink-4: #828f86; --line: #343e37; --line-2: #59665d;
  --error: #ff7b8c; --error-ink: #ffa5b0;
  --pro-unlit: #3f4843; --pro-unlit-on: #171a1933;
  --landing-bar-glass: color-mix(in srgb, var(--paper) 90%, transparent);
  --landing-shadow-soft: #00000014; --landing-shadow-deep: #00000040;
  --glass-tint-edge: color-mix(in srgb, var(--paper) 26%, transparent); --glass-tint-core: color-mix(in srgb, var(--paper) 58%, transparent);
  --glass-blur: 16px; --glass-bright: .88; --glass-sheen: #ffffff1f; --glass-spec: #ffffff4d;
  --glass-rim-hi: #ffffff80; --glass-rim-side: #ffffff17; --glass-rim-lo: #ffffff3d; --glass-outline: #0000008c;
  --glass-inner-hi: #ffffff47; --glass-inner-lo: #00000047; --glass-glow: #ffffff1f;
  --glass-shadow-near: #0000004d; --glass-shadow-mid: #00000059; --glass-shadow-far: #0000008c; --glass-night-light: 1;
  --landing-select-arrow: url('/assets/landing/select-chevron-dark.a520ed2a5004.svg');
  --landing-select-disclosure: url('/assets/landing/select-disclosure-dark.ca8f653ec85e.svg');
  --signal-text: #ff977d;
  --oxide: #f1ab96;
  --landing-art-filter: invert(1) hue-rotate(180deg); --landing-art-blend: screen;
}
@media (prefers-color-scheme: dark) {
  html:not([data-theme]) {
    --paper: #171a19; --paper-2: #222725; --ink: #fafbf8; --ink-2: #c1c9c3;
    --ink-3: #a5b0a8; --ink-4: #828f86; --line: #343e37; --line-2: #59665d;
    --error: #ff7b8c; --error-ink: #ffa5b0;
    --pro-unlit: #3f4843; --pro-unlit-on: #171a1933;
    --landing-bar-glass: color-mix(in srgb, var(--paper) 90%, transparent);
    --landing-shadow-soft: #00000014; --landing-shadow-deep: #00000040;
    --glass-tint-edge: color-mix(in srgb, var(--paper) 26%, transparent); --glass-tint-core: color-mix(in srgb, var(--paper) 58%, transparent);
    --glass-blur: 16px; --glass-bright: .88; --glass-sheen: #ffffff1f; --glass-spec: #ffffff4d;
    --glass-rim-hi: #ffffff80; --glass-rim-side: #ffffff17; --glass-rim-lo: #ffffff3d; --glass-outline: #0000008c;
    --glass-inner-hi: #ffffff47; --glass-inner-lo: #00000047; --glass-glow: #ffffff1f;
    --glass-shadow-near: #0000004d; --glass-shadow-mid: #00000059; --glass-shadow-far: #0000008c; --glass-night-light: 1;
    --landing-select-arrow: url('/assets/landing/select-chevron-dark.a520ed2a5004.svg');
    --landing-select-disclosure: url('/assets/landing/select-disclosure-dark.ca8f653ec85e.svg');
    --signal-text: #ff977d;
    --oxide: #f1ab96;
    --landing-art-filter: invert(1) hue-rotate(180deg); --landing-art-blend: screen;
  }
}