/* ======================================================
   LIGHT THEME
====================================================== */
[data-theme="light"] {
  --bg: #F5F5F0;
  --s1: #FFFFFF;
  --s2: #EDEDEA;
  --s3: #DDDDD8;
  --s4: #CCCCC7;
  --o: #D44425;
  --t: #111111;
  --t2: #444444;
  --t3: #888888;
  --gh: rgba(0,0,0,0.04);
  --og: rgba(212,68,37,0.1);
  --lg: rgba(100,160,0,0.1);
  --rg: rgba(200,50,80,0.1);
}
[data-theme="light"] body { background:var(--bg) !important; color:var(--t) !important; }
[data-theme="light"] .bar { background:rgba(255,255,255,0.95) !important; border-bottom:1px solid rgba(0,0,0,0.08) !important; }
[data-theme="light"] .topbar { background:rgba(255,255,255,0.95) !important; border-bottom:1px solid rgba(0,0,0,0.08) !important; }
[data-theme="light"] .topbar * { color: var(--t) !important; }
[data-theme="light"] .topbar .tb-status { color: #2E7D32 !important; }
[data-theme="light"] .topbar .live-dot, [data-theme="light"] .topbar .s-dot.green { background: #2E7D32 !important; box-shadow: 0 0 5px #2E7D32 !important; }
[data-theme="light"] .bar * { color: var(--t) !important; }
[data-theme="light"] .bar .bl { color: var(--t3) !important; }
[data-theme="light"] .bar .bl.on { color: #000 !important; background: var(--o) !important; }
[data-theme="light"] .bar .tb-status { color: #2E7D32 !important; }
[data-theme="light"] .bar .blink { background: #2E7D32 !important; }
[data-theme="light"] .bar .tb-brand, [data-theme="light"] .bar .glitch-title { color:var(--t) !important; }
[data-theme="light"] .bl { color:var(--t3) !important; }
[data-theme="light"] .bl:hover { color:var(--t) !important; background:var(--s3) !important; }
[data-theme="light"] .tb-status { color:#2E7D32 !important; }
[data-theme="light"] .left { background:#FAFAF7 !important; border-right:1px solid rgba(0,0,0,0.06) !important; }
[data-theme="light"] .profile { background:#F0F0ED !important; }
[data-theme="light"] .profile-name { color:var(--o) !important; }
[data-theme="light"] .tabs { background:#F0F0ED !important; border-bottom:1px solid rgba(0,0,0,0.06) !important; }
[data-theme="light"] .tab { color:var(--t3) !important; }
[data-theme="light"] .tab.on { color:var(--o) !important; border-bottom-color:var(--o) !important; }
[data-theme="light"] .sh { background:#FAFAF7 !important; border-bottom:1px solid rgba(0,0,0,0.06) !important; }
[data-theme="light"] .sh .sh-t { color:var(--t2) !important; }
[data-theme="light"] .feed-item { background:#FFFFFF !important; border-bottom:1px solid rgba(0,0,0,0.05) !important; color:var(--t) !important; }
[data-theme="light"] .feed-item:hover { background:#F5F5F0 !important; }
[data-theme="light"] .feed-item.active { background:#F0F0EB !important; }
[data-theme="light"] .feed-title { color:var(--t) !important; }
[data-theme="light"] .feed-summary { color:var(--t2) !important; }
[data-theme="light"] .feed-time, [data-theme="light"] .feed-city { color:var(--t3) !important; }
[data-theme="light"] .nb-item { background:#FFFFFF !important; border-bottom:1px solid rgba(0,0,0,0.04) !important; }
[data-theme="light"] .nb-item:hover { background:#F5F5F0 !important; }
[data-theme="light"] .nb-title { color:var(--t) !important; }
[data-theme="light"] .nb-meta, [data-theme="light"] .nb-label { color:var(--t3) !important; }
[data-theme="light"] .insight-card { background:#F0F0ED !important; border-left-color:var(--o) !important; }
[data-theme="light"] .insight-text { color:var(--t2) !important; }
[data-theme="light"] .insight-text strong { color:var(--t) !important; }
[data-theme="light"] .ch { color:var(--t) !important; }
[data-theme="light"] .ch:hover { background:#F0F0ED !important; }
[data-theme="light"] .ch-name { color:var(--t) !important; }
[data-theme="light"] .ch-badge { color:#2E7D32 !important; }
[data-theme="light"] .xp-track { background:#DDD !important; }
[data-theme="light"] .tick { background:#F0F0ED !important; border-top:1px solid rgba(0,0,0,0.06) !important; }
[data-theme="light"] .tick .tk-t { color:var(--t3) !important; }
[data-theme="light"] .right { background:#E8E8E3 !important; }
[data-theme="light"] .globe-ghost { color:rgba(0,0,0,0.04) !important; }
[data-theme="light"] .left::before { color:rgba(0,0,0,0.025) !important; }
[data-theme="light"] .deco { opacity:0.08 !important; }
[data-theme="light"] .globe-overlay { background:rgba(255,255,255,0.95) !important; color:var(--t) !important; }
[data-theme="light"] .ov-summary { color:var(--t2) !important; }
[data-theme="light"] .ov-foot { color:var(--t3) !important; }
[data-theme="light"] .glitch-title::before, [data-theme="light"] .glitch-title::after { background:#FAFAF7 !important; }
[data-theme="light"] body::after { background:repeating-linear-gradient(0deg,rgba(0,0,0,0) 0px,rgba(0,0,0,0) 2px,rgba(0,0,0,0.015) 2px,rgba(0,0,0,0.015) 4px) !important; }
[data-theme="light"] [style*="background:var(--s1)"] { background:#FFFFFF !important; }
[data-theme="light"] [style*="background:var(--s2)"] { background:#F0F0ED !important; }
[data-theme="light"] [style*="background:var(--bg)"] { background:#F5F5F0 !important; }
[data-theme="light"] .ps-val.o { color:var(--o) !important; }
[data-theme="light"] .q-opt { background:#FFFFFF !important; color:var(--t) !important; }
[data-theme="light"] .q-opt span { color:var(--t) !important; }
[data-theme="light"] svg text { fill:var(--t3) !important; }
[data-theme="light"] .feed-featured {
  background:linear-gradient(135deg, rgba(212,68,37,0.06) 0%, #FFFFFF 100%) !important;
}
[data-theme="light"] .feed-featured:hover {
  background:linear-gradient(135deg, rgba(212,68,37,0.1) 0%, #F5F5F0 100%) !important;
}

/* ======================================================
   LIGHT — Quiz
====================================================== */
[data-theme="light"] .quiz-wrap { color:var(--t) !important; }
[data-theme="light"] .quiz-label { color:var(--o) !important; }
[data-theme="light"] .quiz-score { color:var(--t3) !important; }
[data-theme="light"] .quiz-progress-label { color:var(--t3) !important; }
[data-theme="light"] .quiz-xp-hint { color:#4A7A00 !important; }
[data-theme="light"] .quiz-progress-track { background:var(--s3) !important; }
[data-theme="light"] .quiz-category { color:var(--o) !important; }
[data-theme="light"] .quiz-question { color:var(--t) !important; }
[data-theme="light"] .q-opt { background:#FFFFFF !important; border-left-color:transparent !important; }
[data-theme="light"] .q-opt:hover { background:#F5F5F0 !important; }
[data-theme="light"] .q-opt-letter { color:var(--o) !important; }
[data-theme="light"] .q-opt-text { color:var(--t2) !important; }
[data-theme="light"] .q-opt-hint { color:var(--t3) !important; }
[data-theme="light"] .quiz-submit { background:var(--o) !important; color:#FFFFFF !important; }
[data-theme="light"] .quiz-feedback { color:var(--t) !important; }
[data-theme="light"] .quiz-next { color:var(--o) !important; border-color:var(--o) !important; }
[data-theme="light"] .quiz-next:hover { background:var(--og) !important; }
[data-theme="light"] .quiz-radar-wrap { border-top-color:rgba(0,0,0,0.06) !important; }
[data-theme="light"] .quiz-radar-title { color:var(--t3) !important; }
[data-theme="light"] .quiz-results-title { color:var(--t3) !important; }
[data-theme="light"] .quiz-results-score { color:var(--t2) !important; }
[data-theme="light"] .quiz-results-xp { color:#4A7A00 !important; }
[data-theme="light"] .quiz-btn-primary { background:var(--o) !important; color:#FFFFFF !important; }
[data-theme="light"] .quiz-btn-secondary { color:var(--t3) !important; border-color:var(--s3) !important; }
[data-theme="light"] .quiz-btn-secondary:hover { color:var(--t2) !important; border-color:var(--t3) !important; }
[data-theme="light"] .quiz-results-msg { color:var(--t3) !important; }

/* ======================================================
   LIGHT — Roadmap
====================================================== */
[data-theme="light"] .roadmap-header { border-bottom-color:rgba(0,0,0,0.06) !important; }
[data-theme="light"] .roadmap-title { color:var(--t3) !important; }
[data-theme="light"] .roadmap-level { color:var(--o) !important; }
[data-theme="light"] .roadmap-timeline::before { background:var(--s3) !important; }
[data-theme="light"] .roadmap-phase.available .roadmap-dot { background:var(--og) !important; color:var(--o) !important; border-color:var(--o) !important; box-shadow:0 0 8px rgba(212,68,37,0.2) !important; }
[data-theme="light"] .roadmap-phase.completed .roadmap-dot { background:rgba(100,160,0,0.15) !important; color:#4A7A00 !important; border-color:#4A7A00 !important; box-shadow:0 0 8px rgba(100,160,0,0.2) !important; }
[data-theme="light"] .roadmap-phase.locked .roadmap-dot { background:var(--s2) !important; color:var(--t3) !important; border-color:var(--s3) !important; }
[data-theme="light"] .roadmap-phase-title { color:var(--t) !important; }
[data-theme="light"] .roadmap-phase.locked .roadmap-phase-title { color:var(--t3) !important; }
[data-theme="light"] .roadmap-phase-desc { color:var(--t2) !important; }
[data-theme="light"] .roadmap-phase.locked .roadmap-phase-desc { color:var(--t3) !important; }
[data-theme="light"] .roadmap-skill { background:var(--s2) !important; color:var(--t3) !important; }
[data-theme="light"] .roadmap-phase.available .roadmap-skill { background:var(--og) !important; color:var(--o) !important; }
[data-theme="light"] .roadmap-phase.completed .roadmap-skill { background:rgba(100,160,0,0.1) !important; color:#4A7A00 !important; }
[data-theme="light"] .roadmap-unlock { color:var(--t3) !important; }

/* ======================================================
   LIGHT — Dictionary
====================================================== */
[data-theme="light"] .dict-header { border-bottom-color:rgba(0,0,0,0.06) !important; }
[data-theme="light"] .dict-title { color:var(--t3) !important; }
[data-theme="light"] .dict-search { background:#FFFFFF !important; border-color:var(--s3) !important; color:var(--t) !important; }
[data-theme="light"] .dict-search::placeholder { color:var(--t3) !important; }
[data-theme="light"] .dict-search:focus { border-color:var(--o) !important; }
[data-theme="light"] .dict-item { background:transparent !important; }
[data-theme="light"] .dict-item:hover { background:#F5F5F0 !important; }
[data-theme="light"] .dict-item:nth-child(even) { border-left-color:#4A7A00 !important; }
[data-theme="light"] .dict-term { color:var(--t) !important; }
[data-theme="light"] .dict-def { color:var(--t2) !important; }

/* ======================================================
   LIGHT — Misc Fixes
====================================================== */
[data-theme="light"] .detail-panel-vocab-term { color:#4A7A00 !important; }
[data-theme="light"] .ps-val.l { color:#4A7A00 !important; }
[data-theme="light"] .live-dot { background:#2E7D32 !important; box-shadow:0 0 5px #2E7D32 !important; }
[data-theme="light"] .live-label { color:#2E7D32 !important; }
[data-theme="light"] .s-dot.green { background:#2E7D32 !important; box-shadow:0 0 5px #2E7D32 !important; }
[data-theme="light"] .tag.devops, [data-theme="light"] .tag.vietnamese { color:#4A7A00 !important; }
[data-theme="light"] .nb-btn.lime { color:#4A7A00 !important; }
[data-theme="light"] .login-box { background:#FFFFFF !important; border:1px solid rgba(0,0,0,0.08) !important; color:var(--t) !important; }
[data-theme="light"] .login-ghost { color:#111111 !important; }
[data-theme="light"] .login-version { color:var(--t3) !important; }
[data-theme="light"] ::-webkit-scrollbar-thumb { background:rgba(0,0,0,0.2) !important; }
[data-theme="light"] ::-webkit-scrollbar-thumb:hover { background:rgba(0,0,0,0.35) !important; }
[data-theme="light"] .matrix-col { color:rgba(0,0,0,0.06) !important; opacity:0.5 !important; }