/* [ai] Atlas design tokens — Variant B "Studio / Ink" (Isaac's pick, 2026-09-11, mockup docs/design/theme-variants.html).
   Warm white ground, neutral ink accent, Instrument Serif display + Manrope text. Every visual value in the app is one of these;
   components never hard-code a colour. Light on :root, dark via prefers-color-scheme (unless data-theme=light) and data-theme=dark. */
:root {
  --ds-font: "Manrope", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --ds-serif: "Instrument Serif", Georgia, "Times New Roman", serif;   /* the brand wordmarks only (Astranote, Astra AI); everything else reads in --ds-font */
  --ds-text: "Source Serif 4", Charter, "Iowan Old Style", Georgia, serif;   /* reading text (Isaac 2026-09-12: the condensed display face was unreadable as body) */
  --ds-read: 400 17px/1.65 var(--ds-text);   /* THE reading font: documents, transcript, summary, strip, notes all use it (Isaac 2026-09-14: one body size everywhere) */
  --ds-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --ds-bg: #faf8f5; --ds-panel: #f3f0ea; --ds-card: #ffffff; --ds-fg: #1f1d1a; --ds-muted: #6b675f;
  --ds-line: #e6e1d8; --ds-line2: #d6d0c4; --ds-accent: #1f1d1a; --ds-accent2: #8a857b; --ds-soft: #ecebe7;
  --ds-quote: #f3f0ea; --ds-code: #efece6; --ds-mark: #efe9dc; --ds-mark-on: #e3d7b8; --ds-cur: rgba(31, 29, 26, .12);
  --ds-glass: rgba(250, 248, 245, .82);
  --ds-shadow: 0 12px 44px rgba(28, 24, 18, .12), 0 0 0 1px rgba(28, 24, 18, .05); --ds-shadow-sm: 0 6px 20px rgba(28, 24, 18, .10), 0 0 0 1px rgba(28, 24, 18, .05);
  --ds-radius: 22px; --ds-radius-card: 18px; --ds-radius-ctl: 10px; --ds-ease: cubic-bezier(.2, .8, .2, 1);
  --ds-measure: 66ch;
  --ds-danger: #a83a2a; --ds-danger-soft: #f6e3df; --ds-warn: #8a5a00; --ds-warn-soft: #f4ead2; --ds-ok: #2f6b45;   /* semantic: failed / needs care / done */
  --ds-media-bg: #000000; --ds-media-fg: #ffffff;   /* the video window: black frame, white chrome, in both themes */
  --ds-spk-1: #8a4b2a; --ds-spk-2: #2f6f8f; --ds-spk-3: #5b7f3a; --ds-spk-4: #8a3a6b; --ds-spk-5: #a06a1a; --ds-spk-6: #3e6b6b; --ds-spk-7: #6b4d8a; --ds-spk-8: #8a2f2f;   /* transcript speakers (ui/transcript.js speakerColor); slot 1 = Isaac */
  /* z ladder (player.css, shell.css): everything in #ds-layer stacks by these — never a bare number */
  --ds-z-menu: 6; --ds-z-browser: 7; --ds-z-help: 7; --ds-z-sheet: 8; --ds-z-toast: 9;
  /* breakpoints: media queries cannot read custom properties, so the one scale is documented here and mirrored in core/env.js (NARROW_PX): narrow ≤ 899 (player sheets, TOC), phone ≤ 640, rail ≥ 1100 */
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --ds-bg: #141311; --ds-panel: #1a1917; --ds-card: #211f1c; --ds-fg: #ece8e1; --ds-muted: #9a958c;
  --ds-line: #2e2c28; --ds-line2: #3d3a34; --ds-accent: #ece8e1; --ds-accent2: #8a857b; --ds-soft: #2b2926;
  --ds-quote: #1a1917; --ds-code: #1e1c19; --ds-mark: #3a352c; --ds-mark-on: #55492f; --ds-cur: rgba(236, 232, 225, .16);
  --ds-glass: rgba(20, 19, 17, .8);
  --ds-shadow: 0 12px 44px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .07); --ds-shadow-sm: 0 6px 20px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .07);
  --ds-danger: #e08b7e; --ds-danger-soft: #3a1f1b; --ds-warn: #e0b86a; --ds-warn-soft: #3a3016; --ds-ok: #7fc39a;
  --ds-spk-1: #e0a07a; --ds-spk-2: #7fb8d8; --ds-spk-3: #a7c980; --ds-spk-4: #d88fbf; --ds-spk-5: #e0b86a; --ds-spk-6: #8fc4c4; --ds-spk-7: #b9a1dc; --ds-spk-8: #e08b7e;
} }
:root[data-theme="dark"] {
  --ds-bg: #141311; --ds-panel: #1a1917; --ds-card: #211f1c; --ds-fg: #ece8e1; --ds-muted: #9a958c;
  --ds-line: #2e2c28; --ds-line2: #3d3a34; --ds-accent: #ece8e1; --ds-accent2: #8a857b; --ds-soft: #2b2926;
  --ds-quote: #1a1917; --ds-code: #1e1c19; --ds-mark: #3a352c; --ds-mark-on: #55492f; --ds-cur: rgba(236, 232, 225, .16);
  --ds-glass: rgba(20, 19, 17, .8);
  --ds-shadow: 0 12px 44px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .07); --ds-shadow-sm: 0 6px 20px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .07);
  --ds-danger: #e08b7e; --ds-danger-soft: #3a1f1b; --ds-warn: #e0b86a; --ds-warn-soft: #3a3016; --ds-ok: #7fc39a;
  --ds-spk-1: #e0a07a; --ds-spk-2: #7fb8d8; --ds-spk-3: #a7c980; --ds-spk-4: #d88fbf; --ds-spk-5: #e0b86a; --ds-spk-6: #8fc4c4; --ds-spk-7: #b9a1dc; --ds-spk-8: #e08b7e;
}