/* Website palette matched to the landing page (dark emerald). Loaded last and scoped to html[data-site], so Code Motion Studio keeps
   its own colours. Layouts stay as they are; only colours change. Dark is the default theme on website pages (theme.js data-theme-default),
   light keeps the same emerald accent on a pale mint paper. */
html[data-site]{--page:#f2f6f3;--ink:#0d1c15;--subtle:#4a6155;--surface:#fbfdfb;--surface-alt:#e5eee8;--line:#cddbd2;--brand:#087a4a;--brand-ink:#fff;--focus:#087a4a;--lime:#35e89a;
 --glow:#087a4a26;color-scheme:light}
html[data-site][data-theme=dark]{--page:#040706;--ink:#e8f2ec;--subtle:#93a89d;--surface:#0a1511;--surface-alt:#0f1e17;--line:#1c372b;--brand:#35e89a;--brand-ink:#03140c;--focus:#35e89a;--lime:#35e89a;
 --glow:#35e89a33;color-scheme:dark}
html[data-site] body{background:var(--page);color:var(--ink)}

/* Workspace accents that were set as fixed colours in ui.css / theme.css */
html[data-site]{--nav-on:#d3f2e2;--u-done:#087a4a}
html[data-site][data-theme=dark]{--nav-on:#35e89a1c;--u-done:#35e89a}
html[data-site] .u-sidebar .u-nav-link.is-active svg{color:var(--brand)}
html[data-site][data-theme=dark] .u-sidebar .u-nav-link.is-active{box-shadow:inset 0 0 0 1px #35e89a33}
html[data-site][data-theme=dark] .theme-toggle-thumb{background:var(--brand)}
html[data-site][data-theme=dark] .theme-moon{color:var(--brand-ink)}
html[data-site][data-theme=dark] .theme-sun{color:var(--subtle)}
html[data-site] .theme-transition-accent{background:var(--brand)}
html[data-site][data-theme=dark] #toast{background:var(--brand);color:var(--brand-ink)}
html[data-site][data-theme=dark] .skeleton{background:var(--surface-alt)}
html[data-site] dialog.u-dialog::backdrop{background:color-mix(in srgb,#020403 62%,transparent)}
html[data-site][data-theme=dark] dialog.u-dialog{box-shadow:0 40px 120px -50px #35e89a55}

/* Loading characters: same emerald glow as the landing; the drawings and motion are unchanged */
html[data-site] .tl .lamp,html[data-site] .tl .ant{fill:var(--brand)}
html[data-site][data-theme=dark] .tl-art{background:radial-gradient(50% 50% at 50% 55%,#35e89a26,transparent 70%)}
html[data-site] .tl-dots i{background:var(--brand)}