/* Semantic UI palette: original dark colors remain the fallbacks. */
:root[data-theme="light"]{
 --ui-bg-17303c:#ffffff;
 --ui-text-eaf0ee:#203746;
 --ui-text-b6c8cd:#435e70;
 --ui-line-45616c:#6d8292;
 --ui-bg-0a1925:#f5f8fa;
 --ui-bg-0b1726:#f5f8fa;
 --ui-bg-0c1422:#f5f8fa;
 --ui-bg-0c1728:#f5f8fa;
 --ui-bg-0c192b:#f5f8fa;
 --ui-bg-0c1c28:#f5f8fa;
 --ui-bg-0c1e2b:#f5f8fa;
 --ui-bg-0d1722:#f5f8fa;
 --ui-bg-0d1726:#f5f8fa;
 --ui-bg-0d1825:#f5f8fa;
 --ui-bg-0d192b:#f5f8fa;
 --ui-bg-0e2330:#e7eef3;
 --ui-bg-0e2430:#e7eef3;
 --ui-bg-101b27:#f5f8fa;
 --ui-bg-101b2a:#e7eef3;
 --ui-bg-101b2b:#e7eef3;
 --ui-bg-101b2c:#e7eef3;
 --ui-bg-101c2a:#e7eef3;
 --ui-bg-101c2d:#e7eef3;
 --ui-bg-101d2a:#e7eef3;
 --ui-bg-101e31:#e7eef3;
 --ui-bg-102331:#e7eef3;
 --ui-bg-102332:#e7eef3;
 --ui-bg-102533:#e7eef3;
 --ui-bg-102633:#e7eef3;
 --ui-bg-102936:#e7eef3;
 --ui-bg-102c39:#e7eef3;
 --ui-bg-112535:#e7eef3;
 --ui-bg-112633:#e7eef3;
 --ui-bg-112e3c:#e7eef3;
 --ui-bg-122034:#e7eef3;
 --ui-bg-122136:#e7eef3;
 --ui-bg-122735:#e7eef3;
 --ui-bg-132235:#e7eef3;
 --ui-bg-132735:#e7eef3;
 --ui-bg-132937:#e7eef3;
 --ui-bg-132d3b:#e7eef3;
 --ui-bg-13303d:#e7eef3;
 --ui-bg-142236:#e7eef3;
 --ui-bg-14273a:#e7eef3;
 --ui-bg-142b3f:#e7eef3;
 --ui-bg-142b40:#e7eef3;
 --ui-bg-142d3a:#e7eef3;
 --ui-bg-152438:#e7eef3;
 --ui-bg-152532:#e7eef3;
 --ui-bg-152533:#e7eef3;
 --ui-bg-152637:#e7eef3;
 --ui-bg-152a3a:#e7eef3;
 --ui-bg-152c3d:#e7eef3;
 --ui-bg-152e3d:#e7eef3;
 --ui-bg-15333f:#e7eef3;
 --ui-bg-16283b:#e7eef3;
 --ui-bg-163240:#e7eef3;
 --ui-bg-163334:#e7eef3;
 --ui-bg-163441:#e7eef3;
 --ui-bg-163a42:#e7eef3;
 --ui-bg-172437:#e7eef3;
 --ui-bg-172837:#e7eef3;
 --ui-bg-17283a:#e7eef3;
 --ui-bg-172b3a:#e7eef3;
 --ui-bg-172b40:#e7eef3;
 --ui-bg-172d3c:#e7eef3;
 --ui-bg-17332f:#e7eef3;
 --ui-bg-17334a:#e7eef3;
 --ui-bg-173440:#e7eef3;
 --ui-bg-173b34:#e7eef3;
 --ui-bg-18242e:#e7eef3;
 --ui-bg-18283b:#e7eef3;
 --ui-bg-182f3e:#e7eef3;
 --ui-bg-183446:#e7eef3;
 --ui-bg-183934:#e7eef3;
 --ui-bg-193743:#e7eef3;
 --ui-bg-194a43:#e7eef3;
 --ui-bg-1a2b3d:#e7eef3;
 --ui-bg-1a3043:#e7eef3;
 --ui-bg-1a3544:#e7eef3;
 --ui-bg-1a3a48:#e7eef3;
 --ui-bg-1a3c47:#e7eef3;
 --ui-bg-1a3f3c:#e7eef3;
 --ui-bg-1b293c:#e7eef3;
 --ui-bg-1b3040:#e7eef3;
 --ui-bg-1b3042:#e7eef3;
 --ui-bg-1b3444:#e7eef3;
 --ui-bg-1d3041:#e7eef3;
 --ui-bg-1d3746:#e7eef3;
 --ui-bg-1d4050:#e7eef3;
 --ui-bg-1d4243:#e7eef3;
 --ui-bg-1f394a:#e7eef3;
 --ui-bg-20364a:#e7eef3;
 --ui-bg-203749:#e7eef3;
 --ui-bg-203b4a:#e7eef3;
 --ui-bg-203c4b:#e7eef3;
 --ui-bg-203d49:#e7eef3;
 --ui-bg-203e4c:#e7eef3;
 --ui-bg-20483f:#e7eef3;
 --ui-bg-204c53:#e7eef3;
 --ui-bg-21394b:#e7eef3;
 --ui-bg-214137:#e7eef3;
 --ui-bg-214638:#e7eef3;
 --ui-bg-214754:#e7eef3;
 --ui-bg-214a42:#e7eef3;
 --ui-bg-215449:#e7eef3;
 --ui-bg-233b4c:#e7eef3;
 --ui-bg-234f50:#e7eef3;
 --ui-bg-243d53:#d8e4eb;
 --ui-bg-244655:#d8e4eb;
 --ui-bg-254454:#d8e4eb;
 --ui-bg-254650:#e7eef3;
 --ui-bg-254853:#d8e4eb;
 --ui-bg-282720:#e7eef3;
 --ui-bg-28434e:#d8e4eb;
 --ui-bg-28544e:#d8e4eb;
 --ui-bg-285c5d:#d8e4eb;
 --ui-bg-286153:#d8e4eb;
 --ui-bg-294135:#e7eef3;
 --ui-bg-294238:#e7eef3;
 --ui-bg-29443d:#e7eef3;
 --ui-bg-294b59:#d8e4eb;
 --ui-bg-294c5c:#d8e4eb;
 --ui-bg-2a4a40:#e7eef3;
 --ui-bg-2b4d59:#d8e4eb;
 --ui-bg-2b505c:#d8e4eb;
 --ui-bg-2c605b:#d8e4eb;
 --ui-bg-2f6b61:#d8e4eb;
 --ui-bg-30455d:#d8e4eb;
 --ui-bg-305357:#d8e4eb;
 --ui-bg-31584e:#d8e4eb;
 --ui-bg-32645b:#d8e4eb;
 --ui-bg-4b282c:#e7eef3;
 --ui-bg-512b39:#d8e4eb;
 --ui-bg-65512e:#d8e4eb;
 --ui-border-17888b:#bdcfd9;
 --ui-border-19575b:#bdcfd9;
 --ui-border-233146:#bdcfd9;
 --ui-border-243146:#bdcfd9;
 --ui-border-263246:#bdcfd9;
 --ui-border-28374a:#bdcfd9;
 --ui-border-29384b:#bdcfd9;
 --ui-border-29394e:#bdcfd9;
 --ui-border-293950:#bdcfd9;
 --ui-border-293f4d:#bdcfd9;
 --ui-border-294158:#bdcfd9;
 --ui-border-294254:#bdcfd9;
 --ui-border-294458:#bdcfd9;
 --ui-border-294653:#bdcfd9;
 --ui-border-294760:#bdcfd9;
 --ui-border-2a4053:#bdcfd9;
 --ui-border-2b3c50:#bdcfd9;
 --ui-border-2c475d:#bdcfd9;
 --ui-border-2e4759:#bdcfd9;
 --ui-border-304157:#bdcfd9;
 --ui-border-304352:#bdcfd9;
 --ui-border-304555:#bdcfd9;
 --ui-border-304557:#bdcfd9;
 --ui-border-304f5c:#bdcfd9;
 --ui-border-31465e:#bdcfd9;
 --ui-border-314957:#bdcfd9;
 --ui-border-314d60:#bdcfd9;
 --ui-border-31505c:#bdcfd9;
 --ui-border-32475a:#bdcfd9;
 --ui-border-326a5d:#bdcfd9;
 --ui-border-334c5e:#bdcfd9;
 --ui-border-335563:#bdcfd9;
 --ui-border-335663:#bdcfd9;
 --ui-border-34445b:#bdcfd9;
 --ui-border-345064:#bdcfd9;
 --ui-border-34535f:#bdcfd9;
 --ui-border-345363:#bdcfd9;
 --ui-border-345665:#bdcfd9;
 --ui-border-35495a:#bdcfd9;
 --ui-border-354a61:#bdcfd9;
 --ui-border-35515d:#bdcfd9;
 --ui-border-355264:#bdcfd9;
 --ui-border-35535f:#bdcfd9;
 --ui-border-365060:#bdcfd9;
 --ui-border-365260:#bdcfd9;
 --ui-border-36526a:#bdcfd9;
 --ui-border-365564:#bdcfd9;
 --ui-border-36575d:#bdcfd9;
 --ui-border-365961:#bdcfd9;
 --ui-border-375767:#bdcfd9;
 --ui-border-376e66:#bdcfd9;
 --ui-border-385363:#bdcfd9;
 --ui-border-397b6b:#bdcfd9;
 --ui-border-3a4a61:#bdcfd9;
 --ui-border-3a5263:#bdcfd9;
 --ui-border-3b5664:#bdcfd9;
 --ui-border-3d5466:#bdcfd9;
 --ui-border-3d6471:#bdcfd9;
 --ui-border-40536d:#bdcfd9;
 --ui-border-40556b:#bdcfd9;
 --ui-border-405669:#bdcfd9;
 --ui-border-40586e:#bdcfd9;
 --ui-border-425e6d:#bdcfd9;
 --ui-border-45606b:#bdcfd9;
 --ui-border-47606b:#bdcfd9;
 --ui-border-486275:#bdcfd9;
 --ui-border-486371:#bdcfd9;
 --ui-border-498f7e:#bdcfd9;
 --ui-border-4b6268:#bdcfd9;
 --ui-border-4d968d:#bdcfd9;
 --ui-border-4e786f:#bdcfd9;
 --ui-border-507080:#bdcfd9;
 --ui-border-527080:#bdcfd9;
 --ui-border-52717b:#bdcfd9;
 --ui-border-527687:#bdcfd9;
 --ui-border-54717d:#bdcfd9;
 --ui-border-56978f:#bdcfd9;
 --ui-border-579783:#bdcfd9;
 --ui-border-58a89b:#bdcfd9;
 --ui-border-5a7581:#bdcfd9;
 --ui-border-5b7b86:#bdcfd9;
 --ui-border-5c897d:#bdcfd9;
 --ui-border-60747f:#bdcfd9;
 --ui-border-617481:#bdcfd9;
 --ui-border-66818d:#bdcfd9;
 --ui-border-8b464e:#bdcfd9;
 --ui-border-a18450:#bdcfd9;
 --ui-text-66d7bb:#435e70;
 --ui-text-6aceb5:#435e70;
 --ui-text-6edec0:#435e70;
 --ui-text-70d7bd:#435e70;
 --ui-text-70dec3:#435e70;
 --ui-text-71d2b8:#435e70;
 --ui-text-72d9bf:#435e70;
 --ui-text-73ddc2:#435e70;
 --ui-text-769eac:#435e70;
 --ui-text-77cfbc:#435e70;
 --ui-text-77d3bb:#435e70;
 --ui-text-77d8be:#435e70;
 --ui-text-78dabf:#435e70;
 --ui-text-7991ae:#435e70;
 --ui-text-79d7bd:#435e70;
 --ui-text-79e2c2:#435e70;
 --ui-text-79f4d7:#435e70;
 --ui-text-7be6c9:#435e70;
 --ui-text-7cb5b0:#435e70;
 --ui-text-7de3c3:#435e70;
 --ui-text-8098b5:#435e70;
 --ui-text-80e0ca:#435e70;
 --ui-text-82cbbb:#435e70;
 --ui-text-8399b4:#435e70;
 --ui-text-83e0c5:#435e70;
 --ui-text-83e4c9:#435e70;
 --ui-text-8499b3:#435e70;
 --ui-text-86c1b4:#435e70;
 --ui-text-86d8c5:#435e70;
 --ui-text-87d6c2:#435e70;
 --ui-text-88d9c8:#435e70;
 --ui-text-89aaaf:#435e70;
 --ui-text-8abbbd:#435e70;
 --ui-text-8ce7ce:#435e70;
 --ui-text-8da3bf:#435e70;
 --ui-text-8da7b5:#435e70;
 --ui-text-8ea8ba:#435e70;
 --ui-text-8ec3c9:#435e70;
 --ui-text-8fa4bd:#435e70;
 --ui-text-8faaba:#435e70;
 --ui-text-8fc2bd:#435e70;
 --ui-text-8fc6c1:#435e70;
 --ui-text-91a5bf:#435e70;
 --ui-text-91acb7:#435e70;
 --ui-text-94afbd:#435e70;
 --ui-text-95afc9:#435e70;
 --ui-text-95b2bf:#435e70;
 --ui-text-96aebd:#435e70;
 --ui-text-96b1ca:#435e70;
 --ui-text-99b0bc:#435e70;
 --ui-text-9ab5bf:#435e70;
 --ui-text-9bb5c4:#435e70;
 --ui-text-9bf1d9:#435e70;
 --ui-text-9bf2d3:#435e70;
 --ui-text-9cb0ca:#435e70;
 --ui-text-9cb5ca:#435e70;
 --ui-text-9cb7c1:#435e70;
 --ui-text-9cb8c7:#435e70;
 --ui-text-9dafc4:#435e70;
 --ui-text-9eb7c9:#435e70;
 --ui-text-9eb8c6:#435e70;
 --ui-text-9fb2c7:#435e70;
 --ui-text-9fb3ca:#435e70;
 --ui-text-9fbfc9:#435e70;
 --ui-text-a1f3da:#243c4c;
 --ui-text-a3bdc7:#435e70;
 --ui-text-a3dbc9:#435e70;
 --ui-text-a4bbc5:#435e70;
 --ui-text-a4e3d0:#435e70;
 --ui-text-a5bec8:#435e70;
 --ui-text-a5dacc:#435e70;
 --ui-text-a6bfc7:#435e70;
 --ui-text-a6c4d0:#435e70;
 --ui-text-a7b9cf:#435e70;
 --ui-text-a7bfd9:#435e70;
 --ui-text-a7c0cb:#435e70;
 --ui-text-a7c3cb:#435e70;
 --ui-text-a7c3cd:#435e70;
 --ui-text-a7e8da:#243c4c;
 --ui-text-a8c0cb:#435e70;
 --ui-text-a8c8d8:#435e70;
 --ui-text-a9bdcb:#435e70;
 --ui-text-a9bec9:#435e70;
 --ui-text-a9c3cd:#435e70;
 --ui-text-aac0d7:#435e70;
 --ui-text-abc9de:#435e70;
 --ui-text-adc4cf:#435e70;
 --ui-text-adcad0:#435e70;
 --ui-text-aec4cf:#435e70;
 --ui-text-aec5ce:#435e70;
 --ui-text-b1cbd3:#435e70;
 --ui-text-b3dfc9:#243c4c;
 --ui-text-b6c7d1:#435e70;
 --ui-text-b7cfd8:#243c4c;
 --ui-text-b8d3e0:#243c4c;
 --ui-text-b8d5dd:#243c4c;
 --ui-text-b9cbd3:#435e70;
 --ui-text-b9ccd4:#435e70;
 --ui-text-b9cdd4:#435e70;
 --ui-text-b9f3d6:#243c4c;
 --ui-text-bcd0db:#243c4c;
 --ui-text-bdac84:#435e70;
 --ui-text-bdced4:#243c4c;
 --ui-text-bdd0df:#243c4c;
 --ui-text-bdd1d9:#243c4c;
 --ui-text-bed0d6:#243c4c;
 --ui-text-c1d1d7:#243c4c;
 --ui-text-c2d3d9:#243c4c;
 --ui-text-c2d5da:#243c4c;
 --ui-text-c2dbe6:#243c4c;
 --ui-text-c2ddd9:#243c4c;
 --ui-text-c3d8de:#243c4c;
 --ui-text-c5d5dc:#243c4c;
 --ui-text-c5dfdf:#243c4c;
 --ui-text-c8b279:#435e70;
 --ui-text-c9dce1:#243c4c;
 --ui-text-cfdae0:#243c4c;
 --ui-text-d4e7e9:#243c4c;
 --ui-text-d5dfdf:#243c4c;
 --ui-text-d6bd85:#435e70;
 --ui-text-d6e4ee:#243c4c;
 --ui-text-d7fff1:#243c4c;
 --ui-text-d9c89f:#435e70;
 --ui-text-dbadfa:#243c4c;
 --ui-text-deebef:#243c4c;
 --ui-text-dfb770:#435e70;
 --ui-text-dfedf2:#243c4c;
 --ui-text-e0c68e:#435e70;
 --ui-text-e0f6ee:#243c4c;
 --ui-text-e1ecf4:#243c4c;
 --ui-text-e1edf4:#243c4c;
 --ui-text-e2edf4:#243c4c;
 --ui-text-e3f0f5:#243c4c;
 --ui-text-e4ecf7:#243c4c;
 --ui-text-e4eef4:#243c4c;
 --ui-text-e5b768:#435e70;
 --ui-text-e5b966:#435e70;
 --ui-text-e5bd77:#435e70;
 --ui-text-e5c680:#435e70;
 --ui-text-e6eef6:#243c4c;
 --ui-text-e6effb:#243c4c;
 --ui-text-e6f2f1:#243c4c;
 --ui-text-e8bd71:#435e70;
 --ui-text-e8cf9e:#435e70;
 --ui-text-e8f3f4:#243c4c;
 --ui-text-e8f6f3:#243c4c;
 --ui-text-e8fff7:#243c4c;
 --ui-text-e9f2f3:#243c4c;
 --ui-text-e9fff8:#243c4c;
 --ui-text-eac588:#435e70;
 --ui-text-eaf3f7:#243c4c;
 --ui-text-eafff6:#243c4c;
 --ui-text-edf3fd:#243c4c;
 --ui-text-edf4f5:#243c4c;
 --ui-text-edf4f7:#243c4c;
 --ui-text-edf6f8:#243c4c;
 --ui-text-eff6f5:#243c4c;
 --ui-text-f0cc8a:#435e70;
 --ui-text-f0d596:#435e70;
 --ui-text-f1cc83:#435e70;
 --ui-text-f1e3bf:#243c4c;
 --ui-text-f3c774:#435e70;
 --ui-text-ff9da5:#243c4c;
 --ui-text-ff9eaa:#243c4c;
 --ui-text-ffaaa3:#243c4c;
 --ui-text-ffaaaa:#243c4c;
 --ui-text-ffb4be:#243c4c;
 --ui-text-ffffff:#243c4c;
 --muted:#435e70;--border:#bdcfd9;--mint:#087c69;
}
html[data-theme="light"] .ink-toolbar{background:#f5f8faf5;color:#243c4c}
html[data-theme="light"] .theme-picker button[aria-pressed="true"]{background:#087c69;color:#fff;border-color:#087c69}
html[data-theme="light"] :is(button,input,select,textarea):focus-visible{outline:3px solid #168574;outline-offset:2px}
html[data-theme="light"] .decor{--ink:#243c4c;--muted:#435e70;--edge:#bdcfd9;--accent:#c99a44}
html[data-theme="light"] .dc-room-lab{--accent:#65d4bb}
html[data-theme="light"] .subject-buttons #subject-decor{background:linear-gradient(135deg,#ede1c9,#f9f5ec);color:#3d3729}
html[data-theme="light"] .dc-view button{background:#edf4f8ee;color:#243c4c}
html[data-theme="light"] .school-home{background:radial-gradient(ellipse at 75% 10%,#d8eee8,transparent 60%),#f4f7fa}
html[data-theme="light"] button.primary{color:#fff;background:#087c69;border-color:#087c69}
html[data-theme="light"] .decor button.primary{color:#172d36;background:var(--accent);border-color:var(--accent)}
html[data-theme="light"] .ink-toolbar button.active{background:#087c69;color:#fff;border-color:#087c69}

/* Complete translucent UI surfaces and inherited text tones. */
:root[data-theme="light"]{--ui-bg-172537e8:#e7eef3e8;--ui-text-6f829c:#405b6b;--ui-bg-050b17bd:#f5f8fabd;--ui-bg-132235f5:#e7eef3f5;--ui-bg-122136fa:#e7eef3fa;--ui-bg-142438f7:#e7eef3f7;--ui-border-a9986b:#9bb3c1;--ui-bg-030a14ba:#f5f8faba;--ui-border-6c9b9f:#9bb3c1;--ui-bg-317c71:#d8e4eb;--ui-bg-142c3ddd:#e7eef3dd;--ui-bg-06101cee:#f5f8faee;--ui-border-70979a:#9bb3c1;--ui-bg-163845e8:#e7eef3e8;--ui-bg-102b3bd9:#e7eef3d9;--ui-bg-31596588:#d8e4eb88;--ui-border-d3b847:#9bb3c1;--ui-bg-1f939655:#d8e4eb55;--ui-border-5dbaa7:#9bb3c1;--ui-bg-102735b8:#e7eef3b8;--ui-border-67c9ae:#9bb3c1;--ui-bg-122b3bea:#e7eef3ea;--ui-bg-142e3af5:#e7eef3f5;--ui-bg-142e3ded:#e7eef3ed;--ui-bg-16313f:#e7eef3;--ui-border-56727e:#9bb3c1;--ui-text-e6eff4:#203746;--ui-border-698592:#9bb3c1;--ui-bg-05121b88:#f5f8fa88;--ui-border-64818b:#9bb3c1;--ui-bg-173543:#e7eef3;--ui-text-edf8f6:#203746;--ui-bg-173543dd:#e7eef3dd;--ui-text-ffffff:#203746;--ui-bg-192f40f5:#e7eef3f5;--ui-bg-3c666b80:#d8e4eb80;--ui-bg-39756f:#d8e4eb;--ui-bg-0b1e2a99:#f5f8fa99;--ui-bg-06121cce:#f5f8face;--ui-bg-153441e8:#e7eef3e8;--ui-bg-102d3aee:#e7eef3ee;--ui-bg-173948db:#e7eef3db;--ui-bg-03151cda:#f5f8fada;--ui-bg-49605b:#d8e4eb;}
html[data-theme="light"]{color:#203746;--muted:#435e70;--ink:#203746;--edge:#9bb3c1;--border:#9bb3c1;}

html[data-theme="light"] :is(small,.workspace-note,.dc-note,.df-touch-tip,.bottom-bar,.school-footer,.dc-status){color:#435e70}

html[data-theme="light"] :is(.board-controls button,.quick-editor,.properties,.library,.room-settings,.room-context,.room-ink .ink-options){background:#f1f6f9;color:#203746;border-color:#9bb3c1}
html[data-theme="light"] .board-controls button{color:#244859;opacity:1}
html[data-theme="light"] .board-controls button svg{color:inherit;stroke:currentColor}
html[data-theme="light"] .decor{--ink:#203746;--muted:#435e70;--edge:#9bb3c1}
html[data-theme="light"] :is(button,input,select):disabled{opacity:.65;color:#607382;cursor:default}
html[data-theme="light"] :is(button.active,button[aria-pressed="true"]){border-color:#087c69}
html[data-theme="light"] .room-rotation>button{background:#f4faf8;color:#175c51;border-color:#397b71}
html[data-theme="light"] .room-dial i:before{background:#087c69}
html[data-theme="light"] .dc-furniture-option{background:#f6f9fb;color:#203746;border-color:#a8bfcb}
html[data-theme="light"] .dc-furniture-option small{color:#3e5969}
html[data-theme="light"] .dc-furniture-option canvas{filter:none!important;mix-blend-mode:multiply}

/* Labels outside component artwork must remain readable on the light board. */
html[data-theme="light"] .component>text{fill:#203746;}
html[data-theme="light"] .component>text tspan,html[data-theme="light"] .pin text{fill:#435e70;}

/* Reviewed shared surfaces: every lesson inherits these without typography overrides. */
:root[data-theme="light"]{--ui-text-80d9bb:#086451;--mint:#087461}
html[data-theme="light"] :is(input,textarea)::placeholder{color:#526879;opacity:1}
html[data-theme="light"] a{color:#185e91}
html[data-theme="light"] a:visited{color:#5c4284}
html[data-theme="light"] :is(button,select,input):disabled{opacity:1;color:#627481;background-color:#e4eaf0;border-color:#c4cfd6}
html[data-theme="light"] :is(button.active,button[aria-pressed="true"]):not(.primary){background-color:#d5eee6;color:#075e4f;border-color:#39806e}
html[data-theme="light"] .theme-picker button[aria-pressed="true"]{background:#087461;color:#fff}
html[data-theme="light"] :is(button.danger,.al-compile.error,.g7-notice){color:#9d352b}
html[data-theme="light"] .al-highlight .kw{color:#075f52}
html[data-theme="light"] .al-highlight .num{color:#785015}
html[data-theme="light"] .al-highlight .str{color:#713b8d}
html[data-theme="light"] .al-lines{color:#526879}
html[data-theme="light"] .al button:focus-visible{outline-color:#087461}
html[data-theme="light"] .ink-popover{background:#f5f8fa;color:#203746;border-color:#91aab8}
html[data-theme="light"] .ink-icon svg circle{fill:#f5f8fa}
html[data-theme="light"] #al-parts [data-part]>text:last-child{fill:#294957}
html[data-theme="light"] #lesson-labels text{fill:#294957}
html[data-theme="light"] #lesson-labels rect{stroke:#809bac}
html[data-theme="light"] :is(#grid,#al-grid) circle{fill:#a4b8c4}
html[data-theme="light"] :is(#pending,#al-preview){stroke:#087461}
html[data-theme="light"] .selected .selection{fill:#08746112;stroke:#087461}
html[data-theme="light"] .al-selection{stroke:#087461}
html[data-theme="light"] .current{stroke:#087461}
html[data-theme="light"] #chart text{fill:#385566}
html[data-theme="light"] .chart-voltage{color:#087461}
html[data-theme="light"] .chart-current{color:#245cad}
html[data-theme="light"] #chart [stroke="#64ddbb"]{stroke:#087461}
html[data-theme="light"] #chart [stroke="#80acff"]{stroke:#245cad}
html[data-theme="light"] #chart [stroke="#f7bd72"]{stroke:#875b10}
html[data-theme="light"] #chart text[fill="#64ddbb"]{fill:#087461}
html[data-theme="light"] #chart text[fill="#80acff"]{fill:#245cad}
html[data-theme="light"] #chart text[fill="#f7bd72"]{fill:#875b10}
/* Schematic marks are UI ink; LCDs and physical component artwork keep their materials. */
html[data-theme="light"] .schematic-art :is([stroke="#dae4f3"],[stroke="#cbd9eb"],[stroke="#dbe9f0"],[stroke="#bed1dc"],[stroke="#c6dbea"]){stroke:#294957}
html[data-theme="light"] .schematic-art :is(text[fill="#dae4f3"],text[fill="#cbd9eb"],text[fill="#dbe9f0"],text[fill="#bed1dc"]){fill:#294957}
html[data-theme="light"] .schematic-art circle[fill="#97dfce"]{fill:#087461}
html[data-theme="light"] .schematic-art :is(rect[fill="#142033"],rect[fill="#19283c"]){fill:#f5f8fa}
html[data-theme="light"] .schematic-art text[fill="#d8e4ee"]{fill:#294957}

/* App-local variables must resolve through the same theme palette. */
:root[data-theme="light"]{--ui-text-8193ac:#435e70;--ui-accent-65ddbd:#65ddbd;--ui-text-e7f2f3:#203746;--ui-text-9db7bf:#435e70;--ui-border-294653:#6d8292;--ui-accent-e5b966:#e5b966;--ui-accent-66d7be:#66d7be;--ui-text-e3f5f3:#203746;--ui-text-9cb7c5:#435e70;--ui-bg-0b1e2a:#f5f8fa;--ui-bg-132d3b:#e6eef4;--ui-border-365260:#6d8292;--ui-text-e8f0f1:#203746;--ui-text-b0c5ce:#435e70;--ui-accent-e5b768:#e5b768;--ui-bg-0b202b:#f5f8fa;--ui-bg-153340:#e6eef4;--ui-text-afc6ce:#435e70;--ui-accent-70d6bd:#70d6bd;}

/* Light surfaces have distinct roles: page, panel, card, and actionable control. */
html[data-theme="light"]{--light-page:#f5f8fa;--light-panel:#e6eef4;--light-card:#ffffff;--light-control:#ffffff;--light-control-edge:#6d8292;--light-text:#203746;--light-muted:#435e70}
html[data-theme="light"] :is(.school-home,.g6,.g7,.decor,.wood-lab,.al,.jn-home,.jn-show,.df-home,.df-lab,dialog) button:where(:not(.primary):not(.active):not([aria-pressed="true"]):not(.accent):not(.school-start):not(.g6-power):not(.dc-simulate):not(:disabled)){
 background-color:var(--light-control);border-color:var(--light-control-edge);color:var(--light-text)
}
html[data-theme="light"] button:where(:not(.primary):not(.active):not([aria-pressed="true"]):not(.accent):not(:disabled)){border-color:var(--light-control-edge)}
html[data-theme="light"] :is(.school-tools button,.school-secondary-actions button,.school-resume){background:#fff;border-color:#6d8292;box-shadow:0 2px 5px #2037460a}
html[data-theme="light"] :is(.school-top,.school-footer){border-color:#c0cfd9}
html[data-theme="light"] dialog{background:#e6eef4;border-color:#6d8292;box-shadow:0 18px 55px #20374626}
html[data-theme="light"] dialog::backdrop{background:#23374766;backdrop-filter:blur(4px)}
html[data-theme="light"] :is(.lesson-card,.g6-lesson,.g7-lessons button,.dc-lesson,.dc-grade){background:#fff;border-color:#a0b3c0;box-shadow:0 2px 5px #20374609}
html[data-theme="light"] :is(.df-cards article,.jn-cards article,.home-card,.part-card){background:#fff;border-color:#a0b3c0}
html[data-theme="light"] :is(.g6-controls,.g7-toolbox,.dc-tools,.df-operation,.al-drawer,.properties,.library){background:#e6eef4;border-color:#a0b3c0}
html[data-theme="light"] :is(input:not([type=range]):not([type=color]):not([type=checkbox]),select){background-color:#fff;color:#203746;border-color:#6d8292}
html[data-theme="light"] :is(.df-eyebrow,.eyebrow,.kicker){color:#086451}
html[data-theme="light"] :is(.school-tools button,.school-secondary-actions button,.g6-lesson,.g7-lessons button,.dc-lesson,.lesson-card):hover{background:#e0eee9;border-color:#39806e}
html[data-theme="light"] :is(.g6-tabs,.g7-tabs,.segmented,.mode) button:where(.active,[aria-pressed="true"]){background:#d5eee6;color:#075e4f;border-color:#39806e}
html[data-theme="light"] :is(.g6,.g7,.decor,.wood-lab,.al,.jn-home,.jn-show,.df-home,.df-lab,dialog) button:disabled{opacity:1;background:#dde5eb;color:#536675;border-color:#b2c1cb;box-shadow:none}
/* Artwork hotspots remain transparent; their physical drawings already identify them. */
html[data-theme="light"] :is(.g9-push,.g9-remote-art button,.dc-photo-stencil .dc-stencil-photo button){background:transparent!important}

/* Semantic colors for theory scenes. */
.th{--th-bg:#0c202b;--th-panel:#183641;--th-ink:#e9f2f3;--th-muted:#aec5cd;--th-edge:#5c7c88;--th-accent:#78d9bc;--th-on-accent:#102e29;--th-gold:#e4bb69;--th-wire:#94b7c5;--th-metal:#8fa7b3;--th-glass:#b8d9e1;--th-dark:#172a33;--th-board:#d6e0dd;--th-danger:#ee9481}
[data-theme=light] .th{--th-bg:#f2f5f3;--th-panel:#fff;--th-ink:#203b46;--th-muted:#4c6671;--th-edge:#7c969d;--th-accent:#087b63;--th-on-accent:#fff;--th-gold:#986d22;--th-wire:#4e7281;--th-metal:#a7b7bd;--th-glass:#d6e9ed;--th-dark:#213a44;--th-board:#e1e6de;--th-danger:#ae4939}

/* Authored theory reader: scoped editorial palette, shared across both themes. */
.th{--th-ui-24463804:#dfebe704;--th-ui-183b4310:#dfebe710;--th-ui-183b4304:#dfebe704;--th-ui-fffefbe8:#17363ee8;--th-ui-0b292acc:#dfebe7cc;--th-ui-3458440a:#dfebe70a;--th-ui-17382d33:#dfebe733;--th-ui-fffefbee:#17363eee;--th-ui-fffefb:#17363e;--th-ui-42695d:#8dcab4;--th-ui-fbfaf6:#17363e;--th-ui-7b8c7c:#8dcab4;--th-ui-087d70:#dfebe7;--th-ui-38675b:#8dcab4;--th-ui-dce2d6:#39565d;--th-ui-eaf0e5:#17363e;--th-ui-d2dfce:#39565d;--th-ui-587169:#8dcab4;--th-ui-d9eee2:#17363e;--th-ui-b08a52:#d8b385;--th-ui-f0f3ec:#17363e;--th-ui-183b43:#dfebe7;--th-ui-246d5b:#8dcab4;--th-ui-08695e:#dfebe7;--th-ui-d8e3d6:#39565d;--th-ui-076858:#dfebe7;--th-ui-087668:#dfebe7;--th-ui-e0f2e9:#17363e;--th-ui-73877f:#8dcab4;--th-ui-5c7770:#8dcab4;--th-ui-edf5ef:#17363e;--th-ui-76957e:#8dcab4;--th-ui-d6ded2:#39565d;--th-ui-185e47:#dfebe7;--th-ui-6b8176:#8dcab4;--th-ui-19806a:#8dcab4;--th-ui-536e72:#8dcab4;--th-ui-bcd2c1:#39565d;--th-ui-846b57:#d8b385;--th-ui-e1e7dc:#17363e;--th-ui-edf1e9:#17363e;--th-ui-dfe6db:#17363e;--th-ui-667e7b:#8dcab4;--th-ui-086f60:#dfebe7;--th-ui-087568:#dfebe7;--th-ui-eaf1e8:#17363e;--th-ui-d6eee1:#17363e;--th-ui-6c7b6a:#8dcab4;--th-ui-657c76:#8dcab4;--th-ui-edf3e8:#17363e;--th-ui-18816b:#8dcab4;--th-ui-245e51:#dfebe7;--th-ui-25664f:#dfebe7;--th-ui-19826e:#8dcab4;--th-ui-e2f3e5:#17363e;--th-ui-5c746d:#8dcab4;--th-ui-d6dfd1:#39565d;--th-ui-4a676b:#8dcab4;--th-ui-76907e:#8dcab4;--th-ui-88ac94:#90aea4;--th-ui-dce3d8:#39565d;--th-ui-d1ddcc:#39565d;--th-ui-7b9b85:#8dcab4;--th-ui-4b6963:#8dcab4;--th-ui-fff0e6:#17363e;--th-ui-277a55:#8dcab4;--th-ui-fffdf7:#17363e;--th-ui-dbe2d7:#39565d;--th-ui-d7e4da:#39565d;--th-ui-b47b31:#d8b385;--th-ui-83958a:#8dcab4;--th-ui-45956b:#8dcab4;--th-ui-dce4d8:#17363e;--th-ui-17633f:#dfebe7;--th-ui-ccd9cf:#39565d;--th-ui-b1c2b1:#39565d;--th-ui-557567:#8dcab4;--th-ui-469774:#8dcab4;--th-ui-75a99a:#8dcab4;--th-ui-608078:#8dcab4;--th-ui-c8d8cc:#39565d;--th-ui-387468:#8dcab4;--th-ui-23836b:#8dcab4;--th-ui-617b74:#8dcab4;--th-ui-206951:#dfebe7;--th-ui-163941:#dfebe7;--th-ui-609b82:#8dcab4;--th-ui-f1f5eb:#17363e;--th-ui-496568:#8dcab4;--th-ui-c59970:#90aea4;--th-ui-a8c8b8:#39565d;--th-ui-c9d6d0:#39565d;--th-ui-6c786a:#8dcab4;--th-ui-50816b:#8dcab4;--th-ui-4a7267:#8dcab4;--th-ui-e1e8df:#17363e;--th-ui-527c6b:#8dcab4;--th-ui-698077:#8dcab4;--th-ui-e7dfcf:#39565d;--th-ui-173942:#dfebe7;--th-ui-537267:#8dcab4;--th-ui-d8dfd6:#39565d;--th-ui-dddcc9:#39565d;--th-ui-eaf2e8:#17363e;--th-ui-e0e6dc:#17363e;--th-ui-d8e2d4:#39565d;--th-ui-398a6e:#8dcab4;--th-ui-80998b:#8dcab4;--th-ui-805732:#d8b385;--th-ui-aebfb3:#39565d;--th-ui-075247:#dfebe7;--th-ui-80ac94:#90aea4;--th-ui-b77c31:#d8b385;--th-ui-eef0e8:#17363e;--th-ui-d9e0d4:#39565d;--th-ui-639078:#8dcab4;--th-ui-4b6f64:#8dcab4;--th-ui-d8e2d5:#39565d;--th-ui-d8e0d7:#39565d;}
[data-theme=light] .th{--th-bg:#f7f5ef;--th-panel:#fffefb;--th-ink:#183b43;--th-muted:#597079;--th-edge:#ccd7d2;--th-accent:#087d70;--th-on-accent:#fff;--th-gold:#b17c32;--th-wire:#426a77;--th-metal:#a9bbc0;--th-glass:#c9e4e6;--th-dark:#203d49;--th-board:#e6e9df;--th-danger:#a94236;--th-ui-24463804:#24463804;--th-ui-183b4310:#183b4310;--th-ui-183b4304:#183b4304;--th-ui-fffefbe8:#fffefbe8;--th-ui-0b292acc:#0b292acc;--th-ui-3458440a:#3458440a;--th-ui-17382d33:#17382d33;--th-ui-fffefbee:#fffefbee;--th-ui-fffefb:#fffefb;--th-ui-42695d:#42695d;--th-ui-fbfaf6:#fbfaf6;--th-ui-7b8c7c:#7b8c7c;--th-ui-087d70:#087d70;--th-ui-38675b:#38675b;--th-ui-dce2d6:#dce2d6;--th-ui-eaf0e5:#eaf0e5;--th-ui-d2dfce:#d2dfce;--th-ui-587169:#587169;--th-ui-d9eee2:#d9eee2;--th-ui-b08a52:#b08a52;--th-ui-f0f3ec:#f0f3ec;--th-ui-183b43:#183b43;--th-ui-246d5b:#246d5b;--th-ui-08695e:#08695e;--th-ui-d8e3d6:#d8e3d6;--th-ui-076858:#076858;--th-ui-087668:#087668;--th-ui-e0f2e9:#e0f2e9;--th-ui-73877f:#73877f;--th-ui-5c7770:#5c7770;--th-ui-edf5ef:#edf5ef;--th-ui-76957e:#76957e;--th-ui-d6ded2:#d6ded2;--th-ui-185e47:#185e47;--th-ui-6b8176:#6b8176;--th-ui-19806a:#19806a;--th-ui-536e72:#536e72;--th-ui-bcd2c1:#bcd2c1;--th-ui-846b57:#846b57;--th-ui-e1e7dc:#e1e7dc;--th-ui-edf1e9:#edf1e9;--th-ui-dfe6db:#dfe6db;--th-ui-667e7b:#667e7b;--th-ui-086f60:#086f60;--th-ui-087568:#087568;--th-ui-eaf1e8:#eaf1e8;--th-ui-d6eee1:#d6eee1;--th-ui-6c7b6a:#6c7b6a;--th-ui-657c76:#657c76;--th-ui-edf3e8:#edf3e8;--th-ui-18816b:#18816b;--th-ui-245e51:#245e51;--th-ui-25664f:#25664f;--th-ui-19826e:#19826e;--th-ui-e2f3e5:#e2f3e5;--th-ui-5c746d:#5c746d;--th-ui-d6dfd1:#d6dfd1;--th-ui-4a676b:#4a676b;--th-ui-76907e:#76907e;--th-ui-88ac94:#88ac94;--th-ui-dce3d8:#dce3d8;--th-ui-d1ddcc:#d1ddcc;--th-ui-7b9b85:#7b9b85;--th-ui-4b6963:#4b6963;--th-ui-fff0e6:#fff0e6;--th-ui-277a55:#277a55;--th-ui-fffdf7:#fffdf7;--th-ui-dbe2d7:#dbe2d7;--th-ui-d7e4da:#d7e4da;--th-ui-b47b31:#b47b31;--th-ui-83958a:#83958a;--th-ui-45956b:#45956b;--th-ui-dce4d8:#dce4d8;--th-ui-17633f:#17633f;--th-ui-ccd9cf:#ccd9cf;--th-ui-b1c2b1:#b1c2b1;--th-ui-557567:#557567;--th-ui-469774:#469774;--th-ui-75a99a:#75a99a;--th-ui-608078:#608078;--th-ui-c8d8cc:#c8d8cc;--th-ui-387468:#387468;--th-ui-23836b:#23836b;--th-ui-617b74:#617b74;--th-ui-206951:#206951;--th-ui-163941:#163941;--th-ui-609b82:#609b82;--th-ui-f1f5eb:#f1f5eb;--th-ui-496568:#496568;--th-ui-c59970:#c59970;--th-ui-a8c8b8:#a8c8b8;--th-ui-c9d6d0:#c9d6d0;--th-ui-6c786a:#6c786a;--th-ui-50816b:#50816b;--th-ui-4a7267:#4a7267;--th-ui-e1e8df:#e1e8df;--th-ui-527c6b:#527c6b;--th-ui-698077:#698077;--th-ui-e7dfcf:#e7dfcf;--th-ui-173942:#173942;--th-ui-537267:#537267;--th-ui-d8dfd6:#d8dfd6;--th-ui-dddcc9:#dddcc9;--th-ui-eaf2e8:#eaf2e8;--th-ui-e0e6dc:#e0e6dc;--th-ui-d8e2d4:#d8e2d4;--th-ui-398a6e:#398a6e;--th-ui-80998b:#80998b;--th-ui-805732:#805732;--th-ui-aebfb3:#aebfb3;--th-ui-075247:#075247;--th-ui-80ac94:#80ac94;--th-ui-b77c31:#b77c31;--th-ui-eef0e8:#eef0e8;--th-ui-d9e0d4:#d9e0d4;--th-ui-639078:#639078;--th-ui-4b6f64:#4b6f64;--th-ui-d8e2d5:#d8e2d5;--th-ui-d8e0d7:#d8e0d7;}

/* Traffic uses the existing theme; diagram colors are intentionally unchanged. */
html[data-theme="light"] .traffic,html[data-theme="light"] .tf-dialog{--traffic-bg:#f3f7f6;--traffic-card:#ffffff;--traffic-line:#a4b9bd;--traffic-text:#1f3946;--traffic-soft:#47636a;--traffic-mint:#1e6a5a;--traffic-gold:#7c5d29;--tf-surface-193440:#ffffff;--tf-ink-eaf4ee:#223e4b;--tf-surface-234a55:#ffffff;--tf-edge-87b8b1:#a0b7bd;--tf-surface-294b50:#ffffff;--tf-edge-8de0cc:#a0b7bd;--tf-ink-c0f1df:#214b51;--tf-surface-8addc6:#e3f0e9;--tf-ink-0b3038:#214b51;--tf-edge-8addc6:#a0b7bd;--tf-surface-b1ecd9:#e3f0e9;--tf-ink-edf5ef:#223e4b;--tf-ink-99c3be:#214b51;--tf-ink-e2c589:#745525;--tf-surface-102633:#ffffff;--tf-ink-8cddc9:#214b51;--tf-ink-b2ccca:#223e4b;--tf-ink-bfd7d2:#223e4b;--tf-surface-0c2534d9:#ffffff;--tf-ink-d8c491:#745525;--tf-ink-9cbebd:#214b51;--tf-ink-9fc0bd:#214b51;--tf-edge-34505d:#a0b7bd;--tf-ink-aac6c6:#214b51;--tf-ink-86a9ac:#214b51;--tf-ink-a9c9c7:#214b51;--tf-surface-102c39:#ffffff;--tf-ink-edf5ee:#223e4b;--tf-ink-b7cecb:#223e4b;--tf-ink-e1c28a:#745525;--tf-ink-9dc0bd:#214b51;--tf-ink-aac3c0:#223e4b;--tf-ink-bdd6d0:#223e4b;--tf-ink-a6c6c1:#214b51;--tf-ink-e3c487:#745525;--tf-surface-142f3d:#ffffff;--tf-surface-102a37:#ffffff;--tf-ink-aac9c1:#214b51;--tf-ink-b9ab7b:#745525;--tf-ink-c2d8d2:#223e4b;--tf-ink-aac9c3:#214b51;--tf-surface-102936:#ffffff;--tf-surface-35515b:#e3f0e9;--tf-surface-84dbc7:#e3f0e9;--tf-ink-aec7c1:#223e4b;--tf-ink-c9dbd5:#223e4b;--tf-ink-e6c78e:#745525;--tf-ink-89dec8:#214b51;--tf-ink-dbe8df:#223e4b;--tf-surface-183d43:#ffffff;--tf-ink-c4dbd1:#223e4b;--tf-edge-846c55:#a0b7bd;--tf-edge-e5b680:#a0b7bd;--tf-surface-3a3938:#ffffff;--tf-edge-365964:#a0b7bd;--tf-surface-142e3b:#ffffff;--tf-ink-98b6b6:#214b51;--tf-ink-ebd49d:#745525;--tf-ink-a9c9be:#214b51;--tf-ink-abc6c2:#214b51;--tf-surface-152f3c:#ffffff;--tf-ink-f0c19b:#745525;--tf-ink-a2e6c7:#214b51;--tf-ink-e4ca96:#745525;--tf-ink-e7f3ea:#223e4b;--tf-surface-04111bdb:#ffffff;--tf-ink-e4f0e7:#223e4b;--tf-ink-dfc789:#745525;--tf-ink-b7cdc4:#223e4b;--tf-ink-a3e8cd:#214b51;}
html[data-theme="light"] .traffic .tf-unit,html[data-theme="light"] .traffic .tf-lesson-card{background:linear-gradient(140deg,#ffffff,#edf4f0)}html[data-theme="light"] .tf-dialog{background:#f4f8f6;color:#223d48}html[data-theme="light"] .tf-dialog button{background:#dbe9e4;color:#23414a;border-color:#9eb8b7}html[data-theme="light"] .tf-dialog h2{color:#23414a}

/* Filled schematic arrows use the same light-theme ink as the inductor. */
html[data-theme="light"] .schematic-art [fill="#c6dbea"]{fill:#294957}

/* Grade-nine sensor/module symbols share the schematic ink in light mode. */
html[data-theme="light"] .schematic-art [stroke="#d3e2ef"]{stroke:#294957}
html[data-theme="light"] .schematic-art [fill="#d3e2ef"]{fill:#294957}

/* Quiz UI follows the global palette; game mechanics and artwork are unchanged. */
html[data-theme="light"] .qa{--quiz-bg:#f5f8fa;--quiz-panel:#ffffff;--quiz-line:#6d8292;--quiz-text:#203746;--quiz-muted:#435e70;--quiz-mint:#087461;--quiz-gold:#745010;background:radial-gradient(ellipse at 50% 0,#d8eee8,transparent 65%),var(--q-bg)}
html[data-theme="light"] .qa :is(.qa-header,.qa-setup,.qa-team,.qa-board section,.qa-question){background:#e6eef4}
html[data-theme="light"] .qa :is(.qa-grade-grid button,.qa-board button){background:#ffffff}
html[data-theme="light"] .qa button:hover:not(:disabled){background:#d5eee6;color:#203746}
html[data-theme="light"] .qa .qa-primary,html[data-theme="light"] .qa .qa-primary:hover{background:#087461;color:#ffffff}
html[data-theme="light"] .qa .qa-answer{background:#d5eee6;border-color:#39806e}
html[data-theme="light"] .qa .qa-answer p{color:#203746}
html[data-theme="light"] .qa .qa-error,html[data-theme="light"] .qa .qa-timer .is-low{color:#9d352b!important}
html[data-theme="light"] .qa button:disabled{opacity:1;background:#dde5eb;color:#536675;border-color:#6d8292}
html[data-theme="light"] .rc :is(.rc-entry button,.rc-quiz-settings button):not(:disabled){background:#087461;color:#ffffff}

/* Official landing palette: all three appearances. */
:root{--official-ink:#e6eef8;--official-muted:#afbed0;--official-bg:#101d2d;--official-panel:#192b40;--official-line:#35485f;--official-blue:#9dbfe2;--official-gold:#dfc695;--official-glow:#1b354a;--official-view:calc(100dvh - 48px)}
:root[data-theme=light]{--official-ink:#172e48;--official-muted:#50647a;--official-bg:#f5f7fa;--official-panel:#ffffff;--official-line:#ced8e1;--official-blue:#254e76;--official-gold:#826338;--official-glow:#e4edf3}
:root[data-theme=calm]{--official-ink:#253b3b;--official-muted:#536862;--official-bg:#e5ebe5;--official-panel:#f1f4ed;--official-line:#b9c7bc;--official-blue:#355b55;--official-gold:#796343;--official-glow:#d4e0d9}

:root{--official-art-warm:#d4b07c;--official-art-cool:#80b2d1}
:root[data-theme=light]{--official-art-warm:#ae8850;--official-art-cool:#527e9d}
:root[data-theme=calm]{--official-art-warm:#9b8967;--official-art-cool:#5c8279}
:root{--official-room-floor:#080f18;--official-photo-ink:#ffffff;--official-photo-muted:#e3eaf0;--official-photo-shadow:#06101be6;--official-photo-panel:#0d1923a6}
:root[data-theme=light]{--official-room-floor:#080f18;--official-photo-ink:#ffffff;--official-photo-muted:#e3eaf0;--official-photo-shadow:#06101be6;--official-photo-panel:#0d1923a6}
:root[data-theme=calm]{--official-room-floor:#080f18;--official-photo-ink:#ffffff;--official-photo-muted:#e3eaf0;--official-photo-shadow:#06101be6;--official-photo-panel:#0d1923a6}