/* generated from video-lens 802698d3c3bee0dd319d17894e8199d8b8a46c7e (viewer/) by tools/build-viewer.ts; do not edit, run npm run assets */
/* video-lens design tokens: the one source of color and font for every page (038 §5 D1).
   tools/build_viewer.py inlines this file into the local report (with viewer.css), the gallery
   (skills/video-lens-gallery/index.html) and the Discover page (skills/video-lens-recs/template.html),
   and the share build emits it for the site pages of the share service (video-lens-core).
   No other stylesheet defines a color token; a test fails when one does.
   Dark follows the OS unless the reader chose light ([data-theme] on <html>); script-free pages
   have no data-theme and simply follow the OS. */

:root {
  --paper: #f9f9f7;      /* page background */
  --pane: #f0f0ee;       /* side panes, bars, code, placeholders */
  --card: #fff;          /* cards on the paper */
  --text: #1a1a1a;
  --strong: #111;
  --muted: #555;
  --label: #696966;      /* small uppercase labels */
  --line: #e0e0dc;       /* rules on the paper */
  --pane-line: #d6d6d2;  /* rules and button borders on a pane */
  --accent: #c0392b;
  --on-accent: #fff;
  --accent-soft: rgba(192, 57, 43, 0.07);
  --video: #101010;
  --on-video: #f0ede8;
  --term: #1c1916;       /* terminal blocks (landing page) */
  --term-text: #f0ede8;
  --term-muted: #9a948f;
  --term-accent: #e05a4a;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow: 0 1px 2px rgba(20, 15, 10, 0.06), 0 12px 40px -12px rgba(20, 15, 10, 0.22);
  --backdrop: rgba(0, 0, 0, 0.4);
  --sans: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --serif: Georgia, 'Times New Roman', serif;
  --mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  color-scheme: light;
}

/* Dark: the OS setting, unless the reader chose light. The same values again for a chosen dark. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #1c1916;
    --pane: #14110f;
    --card: #211e1b;
    --text: #d0cdc8;
    --strong: #f0ede8;
    --muted: #9a948f;
    --label: #8f8983;
    --line: #2c2925;
    --pane-line: #2a2520;
    --accent: #e05a4a;
    --on-accent: #14110f;
    --accent-soft: rgba(224, 90, 74, 0.1);
    --video: #000;
    --term: #110e0c;
    --shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.3);
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 16px 48px -12px rgba(0, 0, 0, 0.7);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --paper: #1c1916;
  --pane: #14110f;
  --card: #211e1b;
  --text: #d0cdc8;
  --strong: #f0ede8;
  --muted: #9a948f;
  --label: #8f8983;
  --line: #2c2925;
  --pane-line: #2a2520;
  --accent: #e05a4a;
  --on-accent: #14110f;
  --accent-soft: rgba(224, 90, 74, 0.1);
  --video: #000;
  --term: #110e0c;
  --shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.3);
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 16px 48px -12px rgba(0, 0, 0, 0.7);
  color-scheme: dark;
}