/* Video to GIF: the artifact's palette (decisions/030). Custom-property declarations only, no rules for layout.
   The one hand-written stylesheet allowed colour literals besides the generated files. video-to-gif.css uses only var(--v2g-…).
   Day show: a phosphor-amber screen. Night show: the lit CRT. Both are designed, not inverted.
   A skill-shipped exhibits/video-to-gif/artifact.css supersedes this file. */

[data-artifact="video-to-gif"] {
  --v2g-bg: #f2dfa7;       /* the screen, daylight */
  --v2g-panel: #e8cf86;    /* menu panels, one step down */
  --v2g-ink: #2b1a00;      /* text */
  --v2g-muted: #5c3d00;      /* secondary text */
  --v2g-rule: #8a5a00;     /* rules and borders */
  --v2g-inv-bg: #2b1a00;   /* inverse video: the selected line, the main buttons */
  --v2g-inv-ink: #f2dfa7;
  --v2g-danger: #8c1d00;
  --v2g-focus: #2b1a00;
  --v2g-span: #c98a1b;     /* the part you keep, on the trim bar */
  --v2g-well: #1a1000;     /* the picture well; the picture keeps its own colours */
  --v2g-well-ink: #ffb000;
  --v2g-glow: transparent;
  --v2g-scan: #e8cf8666;   /* scanlines on the chrome only, never over a picture */
  --v2g-dim-canvas: rgba(26, 16, 0, 0.6);
  --v2g-crop-line: #ffb000;
  --v2g-crop-handle: #f2dfa7;
  --v2g-mono: "VT323", ui-monospace, "Courier New", monospace;
  --v2g-display: "Ultra", Georgia, serif;
  --v2g-text: 1.25rem/1.3 var(--v2g-mono);
  --v2g-text-b: 700 1.25rem/1.3 var(--v2g-mono);
  --v2g-text-s: 1.125rem/1.3 var(--v2g-mono);
  --v2g-title-font: 1.75rem/1.1 var(--v2g-display);
  --v2g-title-font-s: 1.375rem/1.1 var(--v2g-display);
  color-scheme: light;
}
:root[data-theme="dark"] [data-artifact="video-to-gif"] {
  --v2g-bg: #0f0800;
  --v2g-panel: #1c1100;
  --v2g-ink: #ffb000;
  --v2g-muted: #d99200;
  --v2g-rule: #a36a00;
  --v2g-inv-bg: #ffb000;
  --v2g-inv-ink: #0f0800;
  --v2g-danger: #ff7a59;
  --v2g-focus: #ffd27a;
  --v2g-span: #8a5a00;
  --v2g-well: #060300;
  --v2g-well-ink: #ffb000;
  --v2g-glow: #ffb00099;
  --v2g-scan: #00000055;
  --v2g-dim-canvas: rgba(6, 3, 0, 0.65);
  --v2g-crop-line: #ffb000;
  --v2g-crop-handle: #0f0800;
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-theme="dark"]) [data-artifact="video-to-gif"] {
    --v2g-bg: #0f0800;
    --v2g-panel: #1c1100;
    --v2g-ink: #ffb000;
    --v2g-muted: #d99200;
    --v2g-rule: #a36a00;
    --v2g-inv-bg: #ffb000;
    --v2g-inv-ink: #0f0800;
    --v2g-danger: #ff7a59;
    --v2g-focus: #ffd27a;
    --v2g-span: #8a5a00;
    --v2g-well: #060300;
    --v2g-well-ink: #ffb000;
    --v2g-glow: #ffb00099;
    --v2g-scan: #00000055;
    --v2g-dim-canvas: rgba(6, 3, 0, 0.65);
    --v2g-crop-line: #ffb000;
    --v2g-crop-handle: #0f0800;
    color-scheme: dark;
  }
}