/* Light theme only: text colors that were designed for the dark theme and were hard to read on light backgrounds.
   Generated: inline color:#xxxxxx values are mapped to darker equivalents (WCAG AA on white/tinted cards).
   The attribute selectors match only the "color" property (never border-color / background-color). */
html[data-theme="light"] [style^="color:#f59e0b" i],
html[data-theme="light"] [style*=";color:#f59e0b" i],
html[data-theme="light"] [style*=" color:#f59e0b" i],
html[data-theme="light"] [style^="color: #f59e0b" i],
html[data-theme="light"] [style*=";color: #f59e0b" i],
html[data-theme="light"] [style*=" color: #f59e0b" i] { color: #B45309 !important; }
html[data-theme="light"] [style^="color:#fbbf24" i],
html[data-theme="light"] [style*=";color:#fbbf24" i],
html[data-theme="light"] [style*=" color:#fbbf24" i],
html[data-theme="light"] [style^="color: #fbbf24" i],
html[data-theme="light"] [style*=";color: #fbbf24" i],
html[data-theme="light"] [style*=" color: #fbbf24" i] { color: #B45309 !important; }
html[data-theme="light"] [style^="color:#10b981" i],
html[data-theme="light"] [style*=";color:#10b981" i],
html[data-theme="light"] [style*=" color:#10b981" i],
html[data-theme="light"] [style^="color: #10b981" i],
html[data-theme="light"] [style*=";color: #10b981" i],
html[data-theme="light"] [style*=" color: #10b981" i] { color: #047857 !important; }
html[data-theme="light"] [style^="color:#34d399" i],
html[data-theme="light"] [style*=";color:#34d399" i],
html[data-theme="light"] [style*=" color:#34d399" i],
html[data-theme="light"] [style^="color: #34d399" i],
html[data-theme="light"] [style*=";color: #34d399" i],
html[data-theme="light"] [style*=" color: #34d399" i] { color: #047857 !important; }
html[data-theme="light"] [style^="color:#6ee7b7" i],
html[data-theme="light"] [style*=";color:#6ee7b7" i],
html[data-theme="light"] [style*=" color:#6ee7b7" i],
html[data-theme="light"] [style^="color: #6ee7b7" i],
html[data-theme="light"] [style*=";color: #6ee7b7" i],
html[data-theme="light"] [style*=" color: #6ee7b7" i] { color: #047857 !important; }
html[data-theme="light"] [style^="color:#fb7185" i],
html[data-theme="light"] [style*=";color:#fb7185" i],
html[data-theme="light"] [style*=" color:#fb7185" i],
html[data-theme="light"] [style^="color: #fb7185" i],
html[data-theme="light"] [style*=";color: #fb7185" i],
html[data-theme="light"] [style*=" color: #fb7185" i] { color: #BE123C !important; }
html[data-theme="light"] [style^="color:#f43f5e" i],
html[data-theme="light"] [style*=";color:#f43f5e" i],
html[data-theme="light"] [style*=" color:#f43f5e" i],
html[data-theme="light"] [style^="color: #f43f5e" i],
html[data-theme="light"] [style*=";color: #f43f5e" i],
html[data-theme="light"] [style*=" color: #f43f5e" i] { color: #BE123C !important; }
html[data-theme="light"] [style^="color:#fda4af" i],
html[data-theme="light"] [style*=";color:#fda4af" i],
html[data-theme="light"] [style*=" color:#fda4af" i],
html[data-theme="light"] [style^="color: #fda4af" i],
html[data-theme="light"] [style*=";color: #fda4af" i],
html[data-theme="light"] [style*=" color: #fda4af" i] { color: #BE123C !important; }
html[data-theme="light"] [style^="color:#ef4444" i],
html[data-theme="light"] [style*=";color:#ef4444" i],
html[data-theme="light"] [style*=" color:#ef4444" i],
html[data-theme="light"] [style^="color: #ef4444" i],
html[data-theme="light"] [style*=";color: #ef4444" i],
html[data-theme="light"] [style*=" color: #ef4444" i] { color: #B91C1C !important; }
html[data-theme="light"] [style^="color:#f87171" i],
html[data-theme="light"] [style*=";color:#f87171" i],
html[data-theme="light"] [style*=" color:#f87171" i],
html[data-theme="light"] [style^="color: #f87171" i],
html[data-theme="light"] [style*=";color: #f87171" i],
html[data-theme="light"] [style*=" color: #f87171" i] { color: #B91C1C !important; }
html[data-theme="light"] [style^="color:#818cf8" i],
html[data-theme="light"] [style*=";color:#818cf8" i],
html[data-theme="light"] [style*=" color:#818cf8" i],
html[data-theme="light"] [style^="color: #818cf8" i],
html[data-theme="light"] [style*=";color: #818cf8" i],
html[data-theme="light"] [style*=" color: #818cf8" i] { color: #4F46E5 !important; }
html[data-theme="light"] [style^="color:#6366f1" i],
html[data-theme="light"] [style*=";color:#6366f1" i],
html[data-theme="light"] [style*=" color:#6366f1" i],
html[data-theme="light"] [style^="color: #6366f1" i],
html[data-theme="light"] [style*=";color: #6366f1" i],
html[data-theme="light"] [style*=" color: #6366f1" i] { color: #4338CA !important; }
html[data-theme="light"] [style^="color:#a5b4fc" i],
html[data-theme="light"] [style*=";color:#a5b4fc" i],
html[data-theme="light"] [style*=" color:#a5b4fc" i],
html[data-theme="light"] [style^="color: #a5b4fc" i],
html[data-theme="light"] [style*=";color: #a5b4fc" i],
html[data-theme="light"] [style*=" color: #a5b4fc" i] { color: #4338CA !important; }
html[data-theme="light"] [style^="color:#8b5cf6" i],
html[data-theme="light"] [style*=";color:#8b5cf6" i],
html[data-theme="light"] [style*=" color:#8b5cf6" i],
html[data-theme="light"] [style^="color: #8b5cf6" i],
html[data-theme="light"] [style*=";color: #8b5cf6" i],
html[data-theme="light"] [style*=" color: #8b5cf6" i] { color: #6D28D9 !important; }
html[data-theme="light"] [style^="color:#a855f7" i],
html[data-theme="light"] [style*=";color:#a855f7" i],
html[data-theme="light"] [style*=" color:#a855f7" i],
html[data-theme="light"] [style^="color: #a855f7" i],
html[data-theme="light"] [style*=";color: #a855f7" i],
html[data-theme="light"] [style*=" color: #a855f7" i] { color: #7E22CE !important; }
html[data-theme="light"] [style^="color:#38bdf8" i],
html[data-theme="light"] [style*=";color:#38bdf8" i],
html[data-theme="light"] [style*=" color:#38bdf8" i],
html[data-theme="light"] [style^="color: #38bdf8" i],
html[data-theme="light"] [style*=";color: #38bdf8" i],
html[data-theme="light"] [style*=" color: #38bdf8" i] { color: #0369A1 !important; }
html[data-theme="light"] [style^="color:#0ea5e9" i],
html[data-theme="light"] [style*=";color:#0ea5e9" i],
html[data-theme="light"] [style*=" color:#0ea5e9" i],
html[data-theme="light"] [style^="color: #0ea5e9" i],
html[data-theme="light"] [style*=";color: #0ea5e9" i],
html[data-theme="light"] [style*=" color: #0ea5e9" i] { color: #0369A1 !important; }
html[data-theme="light"] [style^="color:#0284c7" i],
html[data-theme="light"] [style*=";color:#0284c7" i],
html[data-theme="light"] [style*=" color:#0284c7" i],
html[data-theme="light"] [style^="color: #0284c7" i],
html[data-theme="light"] [style*=";color: #0284c7" i],
html[data-theme="light"] [style*=" color: #0284c7" i] { color: #0369A1 !important; }
html[data-theme="light"] [style^="color:#f97316" i],
html[data-theme="light"] [style*=";color:#f97316" i],
html[data-theme="light"] [style*=" color:#f97316" i],
html[data-theme="light"] [style^="color: #f97316" i],
html[data-theme="light"] [style*=";color: #f97316" i],
html[data-theme="light"] [style*=" color: #f97316" i] { color: #C2410C !important; }
html[data-theme="light"] [style^="color:#14b8a6" i],
html[data-theme="light"] [style*=";color:#14b8a6" i],
html[data-theme="light"] [style*=" color:#14b8a6" i],
html[data-theme="light"] [style^="color: #14b8a6" i],
html[data-theme="light"] [style*=";color: #14b8a6" i],
html[data-theme="light"] [style*=" color: #14b8a6" i] { color: #0F766E !important; }
html[data-theme="light"] [style^="color:#ffe4e6" i],
html[data-theme="light"] [style*=";color:#ffe4e6" i],
html[data-theme="light"] [style*=" color:#ffe4e6" i],
html[data-theme="light"] [style^="color: #ffe4e6" i],
html[data-theme="light"] [style*=";color: #ffe4e6" i],
html[data-theme="light"] [style*=" color: #ffe4e6" i] { color: var(--text-primary) !important; }

/* Class-based colors */
html[data-theme="light"] .demarcation-golden-rule { color: var(--text-primary); }
html[data-theme="light"] .f-code-box { color: var(--text-secondary); }
html[data-theme="light"] .foundations-banner-icon { color: #4F46E5; }
html[data-theme="light"] .card-diff-tag.diff-beginner,
html[data-theme="light"] .spot-entry-badge { color: #15803D; }

/* Unit cards: use the unit's own color, darkened for text (var --uc is set inline by app.js) */
html[data-theme="light"] .unit-card:not(.complete) .unit-icon-orb,
html[data-theme="light"] .unit-card:not(.complete) .unit-badge-pill { color: color-mix(in srgb, var(--uc, #5B4CF0) 58%, #000) !important; }

/* White text on bright green was ~2:1; use a deeper green so the label stays readable */
html[data-theme="light"] .fun-btn-big,
html[data-theme="light"] .fun-btn-small { background: #15803D; box-shadow: 0 5px 0 #0F5F2C; }
html[data-theme="light"] .feedback-action-btn.correct-btn { background: linear-gradient(180deg, #1E9A52, #15803D) !important; box-shadow: 0 5px 0 #0F5F2C !important; }

/* Dark translucent trays/cards that turned into muddy grey on light backgrounds */
html[data-theme="light"] .intensive-mode-switcher { background: var(--bg-elevated, #ECE8FF); }
html[data-theme="light"] #playbook-socratic-dialogue { background: color-mix(in srgb, #0284C7 6%, #fff) !important; }

/* Playbook: darker text tones on tinted backgrounds */
html[data-theme="light"] .pb-qcard[data-tone="indigo"] .pb-qgo, html[data-theme="light"] .pb-sec[data-tone="indigo"] .pb-top { color: #4338CA; }
html[data-theme="light"] .pb-qcard[data-tone="sky"] .pb-qgo, html[data-theme="light"] .pb-sec[data-tone="sky"] .pb-top { color: #0369A1; }
html[data-theme="light"] .pb-qcard[data-tone="amber"] .pb-qgo, html[data-theme="light"] .pb-sec[data-tone="amber"] .pb-top { color: #92520A; }
html[data-theme="light"] .pb-qcard[data-tone="green"] .pb-qgo, html[data-theme="light"] .pb-sec[data-tone="green"] .pb-top, html[data-theme="light"] .pb-phrase small { color: #15803D; }

/* Locked challenge gate: keep the instruction readable (it was 65% opacity on a tinted tray) */
html[data-theme="light"] .mindmap-challenge-gate.locked { opacity: 1; filter: none; background: var(--bg-elevated, #ECE8FF); border-color: var(--border-medium, #CFC8F5); }
html[data-theme="light"] .mindmap-challenge-gate.locked [style*="var(--text-muted)"] { color: var(--text-secondary) !important; }
/* Spot game: turns that were not chosen are dimmed, but still legible */
html[data-theme="light"] .spot-turn.dim { opacity: .75; }