/* Neuronix light theme. Dark is the default (defined per page); this file overrides tokens when data-theme="light". */

html[data-theme="light"]{
  color-scheme: light;
  --bg:#F7F5FF; --bg-soft:#FFFFFF; --surface:#FFFFFF; --surface-2:#EFEAFF;
  --line:rgba(76,54,160,.14); --line-strong:rgba(76,54,160,.26);
  --gold:#F0580F; --gold-soft:rgba(240,88,15,.11);
  --cyan:#2563EB; --cyan-soft:rgba(37,99,235,.10);
  --green:#0FA968; --green-soft:rgba(15,169,104,.12);
  --red:#E5383B; --purple:#7C3AED;
  --text:#1A1446; --text-dim:#3D3670; --muted:#6F689B;
  --nx-grad:linear-gradient(135deg,#FF8A1F 0%,#F0480F 55%,#E11D74 120%);
  --nx-glow:0 10px 24px -10px rgba(240,72,15,.6);
}
html[data-theme="dark"]{ color-scheme: dark; }

html[data-theme="light"] body{
  background:
    radial-gradient(900px 520px at 6% -8%, rgba(255,166,92,.28) 0%, transparent 60%),
    radial-gradient(900px 520px at 100% 0%, rgba(96,165,250,.26) 0%, transparent 58%),
    radial-gradient(900px 640px at 55% 115%, rgba(167,139,250,.26) 0%, transparent 60%),
    #FBFAFF;
  background-attachment:fixed; color:var(--text-dim);
}

/* Hardcoded dark surfaces in page CSS */
html[data-theme="light"] .nav{ background:rgba(255,255,255,.72); }
html[data-theme="light"] .nav.is-scrolled{ background:rgba(255,255,255,.95); box-shadow:0 8px 24px -16px rgba(40,24,110,.22); }
@media (max-width:900px){
  html[data-theme="light"] .nav-links{ background:rgba(255,255,255,.98); }
}
html[data-theme="light"] .hero-route{ background:rgba(40,24,110,.04); }
html[data-theme="light"] .footer{ background:#EDE8FF; }
html[data-theme="light"] .topbar{ background:rgba(255,255,255,.88); }
html[data-theme="light"] .modal-overlay{ background:rgba(40,24,110,.5); }
html[data-theme="light"] .nl-enroll,
html[data-theme="light"] .avatar,
html[data-theme="light"] .auth-tab.active,
html[data-theme="light"] .ntb-btn.active,
html[data-theme="light"] .ntb-btn.ntb-kn.active,
html[data-theme="light"] .ctab,
html[data-theme="light"] .lang-pill.active-en,
html[data-theme="light"] .lang-pill.active-kn,
html[data-theme="light"] .complete-btn,
html[data-theme="light"] .toast{ color:#fff; }
html[data-theme="light"] [style*="color:#F4B740"]{ color:#B23A00 !important; }
html[data-theme="light"] .btn-primary,
html[data-theme="light"] .lt-btn.active,
html[data-theme="light"] .lt-btn.kn.active,
html[data-theme="light"] .glt-btn.active,
html[data-theme="light"] .glt-btn.kn.active{ color:#fff; }
html[data-theme="light"] .phase-hdr:hover{ background:rgba(40,24,110,.04); }
html[data-theme="light"] .rm-coming-soon{ background:rgba(40,24,110,.03); }

/* Text on cyan/gold pills was hardcoded near-black; keep it readable on the darker light-mode accents */
html[data-theme="light"] .ntb-lang-btn.active,
html[data-theme="light"] .gloss-letter:hover,
html[data-theme="light"] .gloss-letter.active{ color:#fff; }

/* Filled gold buttons/badges: light text on the darker gold */
html[data-theme="light"] .btn-primary,
html[data-theme="light"] .btn-gold{ color:#fff; }

/* Lesson headings were forced to orange for the dark theme; use a darker orange for contrast on light */
html[data-theme="light"] .content-body h2:not(.bl-h),
html[data-theme="light"] .content-body h3{ color:#E2470B; }

/* Inputs */
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea{ color-scheme:light; }

/* Code blocks use a light syntax theme in light mode */
html[data-theme="light"] pre,
html[data-theme="light"] .code-block,
html[data-theme="light"] .bl-code{ color-scheme:light; }

/* Toggle button */
.nx-theme-btn{
  width:38px; height:38px; border-radius:50%; flex-shrink:0;
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--surface, #1C3050); color:var(--gold, #F4B740);
  border:1px solid var(--line-strong, rgba(241,238,230,.18));
  cursor:pointer; padding:0; transition:transform .15s, background .2s;
}
.nx-theme-btn.nx-float{ position:fixed; top:.9rem; right:.9rem; z-index:2147483000; box-shadow:0 6px 18px -6px rgba(0,0,0,.45); }
.nx-theme-btn:hover{ transform:scale(1.07); }
.nx-theme-btn svg{ width:19px; height:19px; display:block; }
.nx-right{ display:flex; align-items:center; gap:.9rem; }
@media print{ .nx-theme-btn{ display:none; } }

/* Light mode: crisper cards so the page isn't flat */
html[data-theme="light"] .panel,
html[data-theme="light"] .stat-card,
html[data-theme="light"] .card,
html[data-theme="light"] .auth-card,
html[data-theme="light"] .continue-card{ box-shadow:0 1px 2px rgba(40,24,110,.06), 0 8px 24px -14px rgba(40,24,110,.22); }
.sb-foot .nx-theme-btn{ margin-bottom:.6rem; }

/* Vibrant gradient for primary actions in light mode */
html[data-theme="light"] .btn-primary,
html[data-theme="light"] .nl-enroll,
html[data-theme="light"] .auth-tab.active,
html[data-theme="light"] .ctab,
html[data-theme="light"] .lang-pill.active-kn,
html[data-theme="light"] .lt-btn.kn.active,
html[data-theme="light"] .glt-btn.kn.active,
html[data-theme="light"] .ntb-btn.ntb-kn.active,
html[data-theme="light"] .avatar,
html[data-theme="light"] .sb-mark{ background:var(--nx-grad); color:#fff; box-shadow:var(--nx-glow); border-color:transparent; }
html[data-theme="light"] .lang-pill.active-en,
html[data-theme="light"] .lt-btn.active,
html[data-theme="light"] .glt-btn.active,
html[data-theme="light"] .ntb-btn.active,
html[data-theme="light"] .ntb-lang-btn.active{ background:linear-gradient(135deg,#3B82F6,#7C3AED); color:#fff; }
html[data-theme="light"] .complete-btn{ background:linear-gradient(135deg,#10B981,#059669); }
html[data-theme="light"] .nav-links a.active,
html[data-theme="light"] .nav-links a:hover{ color:#F0580F; }
html[data-theme="light"] .sidebar-link.active,
html[data-theme="light"] .nl.active{ background:linear-gradient(90deg,rgba(240,88,15,.14),rgba(225,29,116,.08)); }
html[data-theme="light"] .sidebar,
html[data-theme="light"] .nav,
html[data-theme="light"] .topbar{ backdrop-filter:blur(14px); }

/* Lesson page (light): GitHub Light style code blocks -- pale surface, subtle border, readable syntax colours */
html[data-theme="light"] .bl-code-wrap{ border:1px solid #E2E8F0; background:#F6F8FA; box-shadow:0 1px 2px rgba(15,23,42,.05); }
html[data-theme="light"] .bl-code-bar{ background:#EEF2F7; border-bottom:1px solid #E2E8F0; }
html[data-theme="light"] .bl-code{ background:#F6F8FA; color:#24292E; line-height:1.7; }
html[data-theme="light"] .bl-fname{ color:#6A737D; }
html[data-theme="light"] .bl-copy{ background:#FFFFFF; border-color:#D0D7DE; color:#57606A; }
html[data-theme="light"] .bl-copy:hover{ background:#EAEEF2; color:#24292E; }
html[data-theme="light"] .bl-code .kw{ color:#D73A49; }
html[data-theme="light"] .bl-code .fn{ color:#6F42C1; }
html[data-theme="light"] .bl-code .nm{ color:#005CC5; }
html[data-theme="light"] .bl-code .st{ color:#032F62; }
html[data-theme="light"] .bl-code .cm{ color:#6A737D; font-style:italic; }
html[data-theme="light"] .bl-output{ background:#F6F8FA; border:1px solid #E2E8F0; border-top:1px solid #E2E8F0; }
html[data-theme="light"] .bl-inline-code{ background:rgba(124,58,237,.10); color:#5B21B6; }

/* Translucent-white tints only work on dark; use indigo tints on light */
html[data-theme="light"] .bl-method,
html[data-theme="light"] .bl-quiz-opt,
html[data-theme="light"] .ek-stat,
html[data-theme="light"] .gd-canvas,
html[data-theme="light"] .sv-canvas,
html[data-theme="light"] .ek-canvas,
html[data-theme="light"] .ai-score-row.lo{ background:rgba(124,58,237,.06); border-color:rgba(76,54,160,.16); }
html[data-theme="light"] .bl-table tr:hover td{ background:rgba(124,58,237,.06); }
html[data-theme="light"] .bw-sep,
html[data-theme="light"] .gd-sep,
html[data-theme="light"] .sv-sep,
html[data-theme="light"] .ek-sep,
html[data-theme="light"] .br-sep{ background:rgba(76,54,160,.16); }
html[data-theme="light"] .bw-bar-track,
html[data-theme="light"] .sv-pbar{ background:rgba(76,54,160,.14); }
html[data-theme="light"] .phase-hdr:hover,
html[data-theme="light"] .em-btn:hover{ background:rgba(124,58,237,.07); }

/* Bottom lesson navigation bar */
html[data-theme="light"] .bottom-nav{ background:rgba(255,255,255,.92); border-top:1px solid var(--line-strong); box-shadow:0 -10px 30px -18px rgba(40,24,110,.35); }
html[data-theme="light"] .bottom-nav a,
html[data-theme="light"] .bottom-nav button:not(.complete-btn){ color:var(--text-dim); }
html[data-theme="light"] .bl-h{ color:#E2470B; }
html[data-theme="light"] .bl-output, html[data-theme="light"] .bl-output *{ color:#1E40AF; font-weight:500; }

/* Interactive lesson pages (lesson-preview / lessons-preview-5) use their own variable names */
html[data-theme="light"]{ --s:#FFFFFF; --s2:#F1ECFF; --dim:#3D3670; }
html[data-theme="light"] .ltitle{ color:var(--text); }
html[data-theme="light"] .mtag{ background:rgba(124,58,237,.12); color:#5B21B6; }
html[data-theme="light"] .lesson-num{ background:rgba(124,58,237,.10); }
html[data-theme="light"] .dd{ background:rgba(76,54,160,.22); }
html[data-theme="light"] .dd.on{ background:var(--cyan); }
html[data-theme="light"] .ic-v .il{ color:#5B21B6; }
html[data-theme="light"] .prob{ background:rgba(37,99,235,.07); }

/* Interactive preview pages: diagram / demo panels are light in light mode, with the drawings re-coloured to match */
html[data-theme="light"] .svc,
html[data-theme="light"] .mc,
html[data-theme="light"] .ai-ex{ background:#F8FAFC; border:1px solid #E2E8F0; }
html[data-theme="light"] .sv{ background:#F1F5F9; }
html[data-theme="light"] .svc svg [fill="#8aa0bd" i], html[data-theme="light"] .sv svg [fill="#8aa0bd" i]{ fill:#5A6E8F; }
html[data-theme="light"] .svc svg [fill="#5fd4d6" i], html[data-theme="light"] .sv svg [fill="#5fd4d6" i]{ fill:#0E7490; }
html[data-theme="light"] .svc svg [fill="#c4baf8" i], html[data-theme="light"] .sv svg [fill="#c4baf8" i]{ fill:#6D28D9; }
html[data-theme="light"] .svc svg [fill="#f3f1ea" i], html[data-theme="light"] .sv svg [fill="#f3f1ea" i]{ fill:#1E293B; }
html[data-theme="light"] .svc svg [fill="#6c5ce7" i], html[data-theme="light"] .sv svg [fill="#6c5ce7" i]{ fill:#5B21B6; }
html[data-theme="light"] .svc svg [stroke="#5fd4d6" i], html[data-theme="light"] .sv svg [stroke="#5fd4d6" i]{ stroke:#0E7490; }
html[data-theme="light"] .svc svg [stroke="#8aa0bd" i], html[data-theme="light"] .sv svg [stroke="#8aa0bd" i]{ stroke:#94A3B8; }
html[data-theme="light"] .svc svg [stroke="#c4baf8" i], html[data-theme="light"] .sv svg [stroke="#c4baf8" i]{ stroke:#7C3AED; }

/* Preview pages: same GitHub Light code panel */
html[data-theme="light"] .edr{ background:#F6F8FA; border:1px solid #E2E8F0; }
html[data-theme="light"] .eh{ background:#EEF2F7; border-bottom:1px solid #E2E8F0; }
html[data-theme="light"] .efn{ color:#6A737D; }
html[data-theme="light"] pre.code{ color:#24292E; line-height:1.7; }
html[data-theme="light"] pre.code .kw{ color:#D73A49; }
html[data-theme="light"] pre.code .fn{ color:#6F42C1; }
html[data-theme="light"] pre.code .nm{ color:#005CC5; }
html[data-theme="light"] pre.code .st{ color:#032F62; }

/* Diagram SVGs are drawn on a dark canvas; remap their palette to light equivalents in light mode */
html[data-theme="light"] .bl-diagram{ background:transparent; border-color:#E2E8F0; }
html[data-theme="light"] .bl-diagram-svg{ background:#F8FAFC; border:1px solid #E2E8F0; border-radius:16px; overflow:hidden; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#0f172a" i]{ fill:#F8FAFC; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#1e293b" i]{ fill:#EEF2F7; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#022c22" i]{ fill:#DCFCE7; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#450a0a" i]{ fill:#FEE2E2; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#292524" i]{ fill:#FEF3C7; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#1e1b4b" i]{ fill:#EDE9FE; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#1e3a5f" i]{ fill:#DBEAFE; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#0a1628" i]{ fill:#F1F5F9; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#1e2530" i]{ fill:#EEF2F7; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#94a3b8" i]{ fill:#475569; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#6ee7b7" i]{ fill:#047857; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#93c5fd" i]{ fill:#1D4ED8; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#fde68a" i]{ fill:#B45309; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#fca5a5" i]{ fill:#B91C1C; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#c4b5fd" i]{ fill:#6D28D9; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#60a5fa" i]{ fill:#2563EB; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#e2e8f0" i]{ fill:#1E293B; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#34d399" i]{ fill:#059669; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#f87171" i]{ fill:#DC2626; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#f59e0b" i]{ fill:#D97706; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#a78bfa" i]{ fill:#7C3AED; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#8aa0bd" i]{ fill:#5A6E8F; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#a7f3d0" i]{ fill:#047857; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#f4b740" i]{ fill:#D97706; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#5fd4d6" i]{ fill:#0E7490; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#f47171" i]{ fill:#DC2626; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#6fd18c" i]{ fill:#059669; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#fbbf24" i]{ fill:#B45309; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#fb923c" i]{ fill:#EA580C; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#4ade80" i]{ fill:#16A34A; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#ef4444" i]{ fill:#DC2626; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#3b82f6" i]{ fill:#2563EB; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#475569" i]{ stroke:#94A3B8; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#334155" i]{ stroke:#CBD5E1; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#2a3a50" i]{ stroke:#CBD5E1; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#94a3b8" i]{ stroke:#64748B; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#8aa0bd" i]{ stroke:#5A6E8F; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#34d399" i]{ stroke:#059669; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#60a5fa" i]{ stroke:#2563EB; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#f59e0b" i]{ stroke:#D97706; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#a78bfa" i]{ stroke:#7C3AED; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#f87171" i]{ stroke:#DC2626; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#f4b740" i]{ stroke:#D97706; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#5fd4d6" i]{ stroke:#0E7490; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#f47171" i]{ stroke:#DC2626; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#6fd18c" i]{ stroke:#059669; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#fbbf24" i]{ stroke:#B45309; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#fb923c" i]{ stroke:#EA580C; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#4ade80" i]{ stroke:#16A34A; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#ef4444" i]{ stroke:#DC2626; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#3b82f6" i]{ stroke:#2563EB; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#0a1628" i]{ stroke:#CBD5E1; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#1e2530" i]{ stroke:#CBD5E1; }

/* Diagram SVGs (round 2): remaining navy canvases, dark tints and light text colours */
html[data-theme="light"] .bl-diagram-svg svg [fill="#0f1b2d" i]{ fill:#F8FAFC; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#1a2a40" i]{ fill:#E9EFF7; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#312e81" i]{ fill:#E0E7FF; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#0d1117" i]{ fill:#F8FAFC; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#1a1a2e" i]{ fill:#EEF0FA; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#1e1e2e" i]{ fill:#EEF0FA; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#243050" i]{ fill:#E2E8F5; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#1a2540" i]{ fill:#E5EAF5; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#422006" i]{ fill:#FEF3C7; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#1a2e1a" i]{ fill:#E3F4E3; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#1a3a28" i]{ fill:#DCFCE7; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#3a2a10" i]{ fill:#FEF3C7; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#3b1f2b" i]{ fill:#FCE7F3; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#2d1a3a" i]{ fill:#F3E8FF; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#14532d" i]{ fill:#DCFCE7; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#0b3b2e" i]{ fill:#DCFCE7; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#312e1e" i]{ fill:#FEF3C7; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#052e16" i]{ fill:#DCFCE7; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#064e3b" i]{ fill:#D1FAE5; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#065f46" i]{ fill:#D1FAE5; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#78350f" i]{ fill:#FEF3C7; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#0c4a6e" i]{ fill:#E0F2FE; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#4a044e" i]{ fill:#FAE8FF; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#1e3050" i]{ fill:#E2E8F5; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#7f1d1d" i]{ fill:#FEE2E2; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#166534" i]{ fill:#DCFCE7; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#333" i]{ fill:#E2E8F0; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#555" i]{ fill:#CBD5E1; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#444" i]{ fill:#CBD5E1; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#2a3a50" i]{ fill:#E2E8F0; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#fff" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="#fff" i]{ fill:#1E293B; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="white" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="white" i]{ fill:#1E293B; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#ffffff" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="#ffffff" i]{ fill:#1E293B; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#f3f1ea" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="#f3f1ea" i]{ fill:#1E293B; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#c8d3e3" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="#c8d3e3" i]{ fill:#33465F; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#e0e0e0" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="#e0e0e0" i]{ fill:#334155; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#f1f5f9" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="#f1f5f9" i]{ fill:#1E293B; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#f8fafc" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="#f8fafc" i]{ fill:#1E293B; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#eef4fb" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="#eef4fb" i]{ fill:#1E293B; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#eef7ee" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="#eef7ee" i]{ fill:#1E293B; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#fbeee0" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="#fbeee0" i]{ fill:#1E293B; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#dbeafe" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="#dbeafe" i]{ fill:#1E40AF; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#bfdbfe" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="#bfdbfe" i]{ fill:#1E40AF; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#bae6fd" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="#bae6fd" i]{ fill:#075985; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#a5f3fc" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="#a5f3fc" i]{ fill:#0E7490; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#c4baf8" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="#c4baf8" i]{ fill:#5B21B6; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#d8b4fe" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="#d8b4fe" i]{ fill:#7E22CE; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#d1fae5" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="#d1fae5" i]{ fill:#065F46; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#86efac" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="#86efac" i]{ fill:#15803D; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#fdba74" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="#fdba74" i]{ fill:#C2410C; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#fde047" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="#fde047" i]{ fill:#A16207; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#7dd3fc" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="#7dd3fc" i]{ fill:#0369A1; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#c084fc" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="#c084fc" i]{ fill:#9333EA; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#f0abfc" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="#f0abfc" i]{ fill:#A21CAF; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#facc15" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="#facc15" i]{ fill:#A16207; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#fdcb6e" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="#fdcb6e" i]{ fill:#A16207; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#38bdf8" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="#38bdf8" i]{ fill:#0284C7; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#22d3ee" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="#22d3ee" i]{ fill:#0E7490; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#22c55e" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="#22c55e" i]{ fill:#16A34A; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#00b894" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="#00b894" i]{ fill:#047857; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#fd79a8" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="#fd79a8" i]{ fill:#BE185D; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#4a90d9" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="#4a90d9" i]{ fill:#1D4ED8; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#4f8fd1" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="#4f8fd1" i]{ fill:#1D4ED8; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#6c5ce7" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="#6c5ce7" i]{ fill:#5B21B6; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#e08a3c" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="#e08a3c" i]{ fill:#C2410C; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#888" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="#888" i]{ fill:#64748B; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#666" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="#666" i]{ fill:#64748B; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#999" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="#999" i]{ fill:#64748B; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#556677" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="#556677" i]{ fill:#475569; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#4a5e7a" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="#4a5e7a" i]{ fill:#475569; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#cbd5e1" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="#cbd5e1" i]{ fill:#334155; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#a855f7" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="#a855f7" i]{ fill:#7E22CE; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#8b5cf6" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="#8b5cf6" i]{ fill:#6D28D9; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#1d4ed8" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="#1d4ed8" i]{ fill:#1D4ED8; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#b45309" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="#b45309" i]{ fill:#B45309; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#059669" i], html[data-theme="light"] .bl-diagram-svg svg tspan[fill="#059669" i]{ fill:#059669; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#fff" i]{ stroke:#94A3B8; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="white" i]{ stroke:#94A3B8; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#2a3a5a" i]{ stroke:#CBD5E1; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#334455" i]{ stroke:#CBD5E1; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#445566" i]{ stroke:#CBD5E1; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#2a3040" i]{ stroke:#CBD5E1; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#1e2e40" i]{ stroke:#CBD5E1; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#4a5e7a" i]{ stroke:#94A3B8; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#666" i]{ stroke:#94A3B8; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#888" i]{ stroke:#94A3B8; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#444" i]{ stroke:#94A3B8; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#e2e8f0" i]{ stroke:#475569; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#0f172a" i]{ stroke:#CBD5E1; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#a855f7" i]{ stroke:#7C3AED; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#c084fc" i]{ stroke:#9333EA; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#6c5ce7" i]{ stroke:#5B21B6; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#00b894" i]{ stroke:#047857; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#fd79a8" i]{ stroke:#BE185D; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#38bdf8" i]{ stroke:#0284C7; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#22d3ee" i]{ stroke:#0E7490; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#22c55e" i]{ stroke:#16A34A; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#4caf50" i]{ stroke:#16A34A; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#4a90d9" i]{ stroke:#1D4ED8; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#4f8fd1" i]{ stroke:#1D4ED8; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#e08a3c" i]{ stroke:#C2410C; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#fdcb6e" i]{ stroke:#A16207; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#facc15" i]{ stroke:#A16207; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#e879f9" i]{ stroke:#A21CAF; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#fde68a" i]{ stroke:#B45309; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#93c5fd" i]{ stroke:#1D4ED8; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#c4b5fd" i]{ stroke:#6D28D9; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#fca5a5" i]{ stroke:#B91C1C; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#1d4ed8" i]{ stroke:#1D4ED8; }
html[data-theme="light"] .bl-diagram-svg svg [stroke="#292524" i]{ stroke:#CBD5E1; }
html[data-theme="light"] .bl-diagram-svg svg [stroke^="rgba(255,255,255" i]{ stroke:rgba(100,116,139,.35); }
html[data-theme="light"] .bl-diagram-svg svg [fill^="rgba(255,255,255" i]{ fill:rgba(100,116,139,.08); }
html[data-theme="light"] .bl-diagram-svg svg [fill="#1d4ed8" i]{ fill:#DBEAFE; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#334155" i]{ fill:#E2E8F0; }
html[data-theme="light"] .bl-diagram-svg svg [fill="#444444" i],
html[data-theme="light"] .bl-diagram-svg svg [fill="#333333" i]{ fill:#E2E8F0; }
html[data-theme="light"] .bl-diagram-svg svg text[fill="#334155" i]{ fill:#334155; }

/* "Completed" state must look identical in light and dark: keep the original mint-green pill with dark text */
html[data-theme="light"] .complete-btn.done,
html[data-theme="light"] .complete-btn.done:hover{ background:#6FD18C; color:#0F1B2D; box-shadow:none; }
html[data-theme="light"] .complete-btn.done .icon{ color:#0F1B2D; }
html[data-theme="light"] .svc svg [fill="#F4B740" i], html[data-theme="light"] .sv svg [fill="#F4B740" i]{ fill:#B45309; }
html[data-theme="light"] .svc svg [stroke="#F4B740" i], html[data-theme="light"] .sv svg [stroke="#F4B740" i]{ stroke:#D97706; }