/* BioglowRX Sciences Learning — tokens (from the Phase 0 design system) */
:root {
  --bg: #eef2f6;
  --surface: #ffffff;
  --ink: #18202b;
  --muted: #5b6676;
  --line: #d6dde6;
  --accent: #0e6b66;
  --accent-ink: #ffffff;
  --good: #1e8a4c;
  --good-tint: #dbece2;
  --bad: #c2372b;
  --bad-tint: #f7e3e1;
  --blank: #dce2ea;
  --tile-ink: #1f2430;
  --streak-hot: #e8590c;
  --streak-glow: #ff8a3d;
  --logo-deep: #0e6b66;
  --logo-leaf: #2fb67c;
  --logo-glow: #9bf5cf;
  --logo-core: #e9fff6;
  --cat-coral: #f7a8a0;
  --cat-amber: #fbd08a;
  --cat-lemon: #f6e7a1;
  --cat-sage: #b9ddb0;
  --cat-mint: #9fd8cb;
  --cat-sky: #a9cbef;
  --cat-lilac: #c7b8ec;
  --cat-orchid: #e9b6da;
  --cat-peach: #f9c3a8;
  --cat-sand: #e3c4a2;
  --shadow-logo: 0 3px 8px rgba(47,182,124,0.35);
  --shadow-milestone: 0 12px 40px rgba(14,107,102,0.35);
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --bg: #10151c;
  --surface: #19212b;
  --ink: #eaf0f6;
  --muted: #9aa6b6;
  --line: #2c3644;
  --accent: #4fc2b8;
  --accent-ink: #0b1a19;
  --good: #4cc57f;
  --good-tint: #213b38;
  --bad: #ff7a6b;
  --bad-tint: #392e34;
  --blank: #26303c;
  --tile-ink: #1f2430;
  --streak-hot: #ff8a3d;
  --streak-glow: #ff8a3d;
  --logo-deep: #0e6b66;
  --logo-leaf: #2fb67c;
  --logo-glow: #9bf5cf;
  --logo-core: #e9fff6;
  --cat-coral: #f7a8a0;
  --cat-amber: #fbd08a;
  --cat-lemon: #f6e7a1;
  --cat-sage: #b9ddb0;
  --cat-mint: #9fd8cb;
  --cat-sky: #a9cbef;
  --cat-lilac: #c7b8ec;
  --cat-orchid: #e9b6da;
  --cat-peach: #f9c3a8;
  --cat-sand: #e3c4a2;
  --shadow-logo: 0 3px 8px rgba(47,182,124,0.35);
  --shadow-milestone: 0 12px 40px rgba(79,194,184,0.35);
  color-scheme: dark; } }
:root[data-theme="dark"] {
  --bg: #10151c;
  --surface: #19212b;
  --ink: #eaf0f6;
  --muted: #9aa6b6;
  --line: #2c3644;
  --accent: #4fc2b8;
  --accent-ink: #0b1a19;
  --good: #4cc57f;
  --good-tint: #213b38;
  --bad: #ff7a6b;
  --bad-tint: #392e34;
  --blank: #26303c;
  --tile-ink: #1f2430;
  --streak-hot: #ff8a3d;
  --streak-glow: #ff8a3d;
  --logo-deep: #0e6b66;
  --logo-leaf: #2fb67c;
  --logo-glow: #9bf5cf;
  --logo-core: #e9fff6;
  --cat-coral: #f7a8a0;
  --cat-amber: #fbd08a;
  --cat-lemon: #f6e7a1;
  --cat-sage: #b9ddb0;
  --cat-mint: #9fd8cb;
  --cat-sky: #a9cbef;
  --cat-lilac: #c7b8ec;
  --cat-orchid: #e9b6da;
  --cat-peach: #f9c3a8;
  --cat-sand: #e3c4a2;
  --shadow-logo: 0 3px 8px rgba(47,182,124,0.35);
  --shadow-milestone: 0 12px 40px rgba(79,194,184,0.35);
  color-scheme: dark; }
:root {
  --space-1: 4px;
  --space-1-5: 6px;
  --space-2: 8px;
  --space-2-5: 10px;
  --space-3: 12px;
  --space-3-5: 14px;
  --space-4: 16px;
  --space-4-5: 18px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --radius-cell: 3px;
  --radius-tile: 8px;
  --radius-tile-lg: 10px;
  --radius-logo: 11px;
  --radius-inner: 12px;
  --radius-card: 14px;
  --radius-tile-xl: 16px;
  --radius-pill: 99px;
  --wrap-max: 980px;
  --tap-min: 58px;
  --font-display: "Chivo", ui-sans-serif, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Chivo Mono", ui-monospace, "SF Mono", Menlo, monospace;
}