/* BotaniLearn: shared color + font tokens (course page and Experiment Lab). */
:root {
  --bg: #eaf1eb; --panel: #ffffff; --panel-2: #f3f7f3; --fg: #132219; --muted: #536659; --line: #d0dcd2;
  --green: #2a7a4b; --green-ink: #1c5a36; --green-soft: #d6eedd; --pollen: #e3a400; --pollen-soft: #fbefc9;
  --laser: #e4572e; --glow: #f2b705; --good: #23864f; --bad: #c2412d;
  --board: #f8fbf7; --ink: #2a3a30; --soil: #cfae84; --soil-d: #b28f63; --root: #8a5a33; --stem: #4c9a48;
  --leaf: #63bb5f; --leaf-d: #2f7d32; --petal: #f4a3bf; --petal-d: #c95b85; --anther: #f2c230; --pistil: #9bd06e;
  --cell-wall: #a8d695; --cyto: #edf7e8; --membrane: #e79a3c; --vacuole: #c3e4f3; --nucleus: #b98fd8; --nucleolus: #7b4fa3;
  --chloro: #43a047; --mito: #f0a35b; --purple: #8a4fca; --whitefl: #ffffff; --card: #ffffff; --water: #69b4de; --agar: #f3e3a1; --glass: #e3f1f6;
  --skin: #f8dac6; --hair: #24443a; --hair-hi: #3e6e5a; --coat: #fbfdfb; --coat-line: #b9c8bd; --iris: #2f8f6a; --mouth: #b4465a; --blush: #f39ab0; --shirt: #2a7a4b;
  --font-display: "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;
  --font-body: "Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --bg: #0d1611; --panel: #142019; --panel-2: #1a291f; --fg: #e4eee6; --muted: #9bb0a1; --line: #29392f;
  --green: #5cc287; --green-ink: #91e0b2; --green-soft: #1d3a29; --pollen: #f2c230; --pollen-soft: #3a3115;
  --laser: #ff7a52; --glow: #ffd23f; --good: #5cc287; --bad: #ff8a73;
  --board: #101c15; --ink: #c8d6cc; --soil: #5d4932; --soil-d: #75603f; --root: #c48d5c; --stem: #5db458;
  --leaf: #4fa850; --leaf-d: #2e6e30; --petal: #e381a5; --petal-d: #b04c74; --anther: #e9b92a; --pistil: #7fb554;
  --cell-wall: #3e6b38; --cyto: #1c3122; --membrane: #d88a30; --vacuole: #25485b; --nucleus: #7e5aa2; --nucleolus: #c9a6ea;
  --chloro: #4caf50; --mito: #d98a44; --purple: #a46ee0; --whitefl: #eef2ef; --card: #182820; --water: #4a95c0; --agar: #8f7c3c; --glass: #1e3640;
  --coat: #e2eae5; --coat-line: #8ea195; --shirt: #2f8a55;
  color-scheme: dark; } }
:root[data-theme="dark"] {
  --bg: #0d1611; --panel: #142019; --panel-2: #1a291f; --fg: #e4eee6; --muted: #9bb0a1; --line: #29392f;
  --green: #5cc287; --green-ink: #91e0b2; --green-soft: #1d3a29; --pollen: #f2c230; --pollen-soft: #3a3115;
  --laser: #ff7a52; --glow: #ffd23f; --good: #5cc287; --bad: #ff8a73;
  --board: #101c15; --ink: #c8d6cc; --soil: #5d4932; --soil-d: #75603f; --root: #c48d5c; --stem: #5db458;
  --leaf: #4fa850; --leaf-d: #2e6e30; --petal: #e381a5; --petal-d: #b04c74; --anther: #e9b92a; --pistil: #7fb554;
  --cell-wall: #3e6b38; --cyto: #1c3122; --membrane: #d88a30; --vacuole: #25485b; --nucleus: #7e5aa2; --nucleolus: #c9a6ea;
  --chloro: #4caf50; --mito: #d98a44; --purple: #a46ee0; --whitefl: #eef2ef; --card: #182820; --water: #4a95c0; --agar: #8f7c3c; --glass: #1e3640;
  --coat: #e2eae5; --coat-line: #8ea195; --shirt: #2f8a55;
  color-scheme: dark;
}