@font-face {font-family:Sora; src:url("/assets/workshop/fonts/sora-latin-variable.woff2") format("woff2"); font-weight:400 700; font-style:normal; font-display:optional}
@font-face {font-family:Manrope; src:url("/assets/workshop/fonts/manrope-latin-variable.woff2") format("woff2"); font-weight:400 700; font-style:normal; font-display:optional}
/* One semantic palette covers the opening, every section, companions and controls.
   Explicit selection wins over the OS; the media query is the no-JS fallback. */
:root {
  --header-rgb:25,28,30; --background:#191c1e; --panel:#24292c; --ink:#f3f2ee; --secondary:#b9bfc1;
  --accent:#efb698; --accent-hover:#ffd1b7; --border:#465054; --focus:#f4c3a7;
  --body-glow:#302824; --hero-border:#444b4f; --hero-shadow:#00000035;
  --headline:#efb698; --button-bg:#efb698; --button-hover:#f5c4a8;
  --rule:#41494c; --chooser-bg:#202527; --chooser-border:#465054;
  --selected-bg:#3b302a; --selected-border:#a07b65; --hover-bg:#2d3335; --select-arrow:#efb698;
  --link-border:#a07b65; --link-hover:#ffe0cd; --footer-rule:#41494c; --footer-bottom-rule:#41494c; --footer-note:#b9bfc1;
  --tray:#202527; --tray-soft:#24292c; --tray-border:#465054; --subtle:#b9bfc1;
  --project-bg:#292c2c; --project-border:#514c46; --project-rule:#726359; --project-glow:#b97e5e30;
  --companion-spark:#ffd6a1; --companion-glow:#b97e5e; --opening-glow:#b97e5e; --companion-strength:1; --companion-scale:1;
  color-scheme:dark;
  --ease:cubic-bezier(.2,.75,.25,1); --journey:0;
  --font-display:Sora,"Avenir Next",system-ui,sans-serif; --font-body:Manrope,"Avenir Next",system-ui,sans-serif;
  font-family:var(--font-body); color:var(--ink); background:var(--background); font-synthesis:none;
}
@media(prefers-color-scheme:light) {
  :root:not([data-effective-theme]) {
  --header-rgb:250,248,245; --background:#faf8f5; --panel:#fff; --ink:#262a2b; --secondary:#626869;
  --accent:#905138; --accent-hover:#7d432e; --border:#c7c3bc; --focus:#8e4f34;
  --body-glow:#f0e7dd; --hero-border:#d4d2ce; --hero-shadow:#25292c10;
  --headline:#905138; --button-bg:#f1bb9e; --button-hover:#edaf8d;
  --rule:#d8d2cb; --chooser-bg:#f3efea; --chooser-border:#c7c3bc;
  --selected-bg:#f1dfd2; --selected-border:#a57b64; --hover-bg:#eee7df; --select-arrow:#7d432e;
  --link-border:#a07964; --link-hover:#663c2d; --footer-rule:#d8d2cb; --footer-bottom-rule:#d8d2cb; --footer-note:#626869;
  --tray:#f2eeea; --tray-soft:#fff; --tray-border:#cec8c0; --subtle:#65635f;
  --project-bg:#eee6dc; --project-border:#cfc4b7; --project-rule:#ad9682; --project-glow:#fff8ec;
  --companion-spark:#b9692f; --companion-glow:#e6a35b; --opening-glow:#edb290; --companion-strength:1.16; --companion-scale:1.12;
  color-scheme:light;
  }
}
:root[data-effective-theme="light"] {
  --header-rgb:250,248,245; --background:#faf8f5; --panel:#fff; --ink:#262a2b; --secondary:#626869;
  --accent:#905138; --accent-hover:#7d432e; --border:#c7c3bc; --focus:#8e4f34;
  --body-glow:#f0e7dd; --hero-border:#d4d2ce; --hero-shadow:#25292c10;
  --headline:#905138; --button-bg:#f1bb9e; --button-hover:#edaf8d;
  --rule:#d8d2cb; --chooser-bg:#f3efea; --chooser-border:#c7c3bc;
  --selected-bg:#f1dfd2; --selected-border:#a57b64; --hover-bg:#eee7df; --select-arrow:#7d432e;
  --link-border:#a07964; --link-hover:#663c2d; --footer-rule:#d8d2cb; --footer-bottom-rule:#d8d2cb; --footer-note:#626869;
  --tray:#f2eeea; --tray-soft:#fff; --tray-border:#cec8c0; --subtle:#65635f;
  --project-bg:#eee6dc; --project-border:#cfc4b7; --project-rule:#ad9682; --project-glow:#fff8ec;
  --companion-spark:#b9692f; --companion-glow:#e6a35b; --opening-glow:#edb290; --companion-strength:1.16; --companion-scale:1.12;
  color-scheme:light;
}