/* Appearance tokens. Studio light preserves each product's individual identity. */
html{--page:#f7f8f2;--surface:#fff;--soft:#edf1e8;--text:#202b29;--secondary:#57645e;--border:#dbe1d7;--brand:#35654d;--brand-soft:#e1ebdf;--on-brand:#fff;--shadow:0 18px 48px #1d33280c;--focus:#9d5224;--header:var(--page);color-scheme:light}
html[data-product=craftcost]{--page:#fcf6ed;--surface:#fffdf8;--soft:#f4e8db;--text:#382c28;--secondary:#76645a;--border:#e5d8c8;--brand:#984c35;--brand-soft:#f5dfd0;--on-brand:#fff;--focus:#833f28;--shadow:0 18px 50px #67371c09}
html[data-product=stocksimple]{--page:#f1f5fa;--surface:#fff;--soft:#e7eef7;--text:#192b48;--secondary:#56677f;--border:#d5dfec;--brand:#275bc7;--brand-soft:#e5edff;--on-brand:#fff;--focus:#2446aa;--shadow:0 14px 36px #24447708}
html[data-product=lessonsheet]{--page:#faf8ff;--surface:#fff;--soft:#f0eafa;--text:#32274c;--secondary:#6b607b;--border:#e2d9ed;--brand:#7352ae;--brand-soft:#eee6fa;--on-brand:#fff;--focus:#6845a3;--shadow:0 16px 40px #5b3e8a0b}
html[data-product=clearquote]{--page:#f5f8f8;--surface:#fff;--soft:#e9f1f1;--text:#183b3d;--secondary:#526d71;--border:#cfdfdf;--brand:#176b71;--brand-soft:#def1ef;--on-brand:#fff;--focus:#175e78}
html[data-theme=paper]{--page:#f7f1e6;--surface:#fffcf5;--soft:#eee5d6;--text:#383128;--secondary:#706353;--border:#ded2c1;--brand:#775237;--brand-soft:#efe0cc;--on-brand:#fff;--focus:#78502c;--shadow:0 16px 40px #55432c0b}
html[data-theme=midnight]{--page:#13191f;--surface:#1c252e;--soft:#24313d;--text:#edf3f6;--secondary:#b7c5d0;--border:#3d4d5a;--brand:#a9d7ca;--brand-soft:#2a4140;--on-brand:#132b28;--focus:#e5bd89;--shadow:0 20px 50px #0002;color-scheme:dark}
html[data-theme=ocean]{--page:#f0f7fc;--surface:#fbfdff;--soft:#e2eff8;--text:#18394f;--secondary:#506c81;--border:#cbdfea;--brand:#1b648b;--brand-soft:#d9edf7;--on-brand:#fff;--focus:#1b648b;--shadow:0 18px 40px #184f6c0c}
html[data-theme=forest]{--page:#f1f5ed;--surface:#fcfdf9;--soft:#e4ecdc;--text:#283e2a;--secondary:#5b6d58;--border:#d0ddc7;--brand:#3a6c40;--brand-soft:#deebd7;--on-brand:#fff;--focus:#356b3a;--shadow:0 18px 40px #2c4a290b}
html[data-theme=rose]{--page:#fcf4f5;--surface:#fffcfd;--soft:#f5e5ea;--text:#4c2939;--secondary:#7e5c6b;--border:#e9d1db;--brand:#984568;--brand-soft:#f5dfe8;--on-brand:#fff;--focus:#96365c;--shadow:0 18px 40px #71334f0b}
html[data-product]{--ink:var(--text);--muted:var(--secondary);--paper:var(--page);--panel:var(--surface);--accent:var(--brand);--pale:var(--brand-soft);--line:var(--border);--bg:var(--page);--card:var(--surface);--warn:var(--brand)}
body{background:var(--page);color:var(--text)}a{color:var(--brand)}a:hover{color:var(--text)}input,select,textarea{background:var(--surface);color:var(--text);border-color:var(--border)}:focus-visible{outline-color:var(--focus)}
/* ClearQuote has a separate legacy page layout; adapt every hard-coded dark surface. */
html[data-product=clearquote] body{background:var(--page);color:var(--text)}
html[data-product=clearquote] header,html[data-product=clearquote] footer,html[data-product=clearquote] .nav{background:var(--page);border-color:var(--border)}
html[data-product=clearquote] .brand{color:var(--text)}html[data-product=clearquote] .brand span{background:var(--brand);color:var(--on-brand)}
html[data-product=clearquote] .hero{background:radial-gradient(ellipse at 95% 5%,var(--brand-soft),transparent 62%)}
html[data-product=clearquote] .alternate,html[data-product=clearquote] th{background:var(--soft)}
html[data-product=clearquote] .card,html[data-product=clearquote] .panel,html[data-product=clearquote] .mock,html[data-product=clearquote] .callout{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow)}
html[data-product=clearquote] .field label{color:var(--text)}html[data-product=clearquote] input,html[data-product=clearquote] select{background:var(--surface);color:var(--text);border-color:var(--border)}
html[data-product=clearquote] .btn{background:var(--surface);color:var(--text);border-color:var(--border)}html[data-product=clearquote] .btn.primary,html[data-product=clearquote] .cta a{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}
html[data-product=clearquote] .stripe,html[data-product=clearquote] .dot{background:var(--border)}html[data-product=clearquote] .fine,html[data-product=clearquote] .sub,html[data-product=clearquote] .note{color:var(--secondary)}
html[data-product=clearquote] .number,html[data-product=clearquote] .mini,html[data-product=clearquote] .total{color:var(--brand)}html[data-product=clearquote] td,html[data-product=clearquote] th,html[data-product=clearquote] .result{border-color:var(--border)}
/* Self-contained nonmodal palette chooser, shared across the collection. */
.wk-theme-root{position:fixed;right:18px;bottom:28px;z-index:1000;font:14px/1.45 system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--text);text-align:left}
.wk-theme-root *{box-sizing:border-box}.wk-theme-root button{font:inherit;letter-spacing:normal;min-height:0;cursor:pointer;transform:none}
.wk-theme-toggle{display:flex;align-items:center;gap:9px;padding:13px 17px;border:1px solid var(--border);border-radius:100px;background:var(--surface);color:var(--text);box-shadow:0 8px 30px #00000017;font-weight:650!important}
.wk-theme-toggle:hover{background:var(--brand-soft);color:var(--text)}.wk-theme-toggle svg{flex:none}.wk-theme-panel[hidden]{display:none!important}
.wk-theme-panel{position:absolute;bottom:62px;right:0;width:330px;max-width:calc(100vw - 32px);max-height:min(650px,calc(100dvh - 110px));overflow:auto;padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 18px 70px #0003}
.wk-theme-heading{display:flex;align-items:flex-start;gap:12px;justify-content:space-between}.wk-theme-overline{font-size:9px;font-weight:750;letter-spacing:1.4px;color:var(--secondary)}.wk-theme-heading h2{font:600 22px/1.2 Georgia,serif!important;letter-spacing:-.5px;margin:9px 0 0;color:var(--text)}.wk-theme-close{display:grid;place-items:center;padding:2px;width:28px;height:28px;flex:none;border:0;border-radius:50%;background:var(--soft);color:var(--text);font-size:22px!important}
.wk-theme-intro{font:12px/1.6 system-ui,sans-serif!important;color:var(--secondary);margin:16px 0!important}.wk-theme-options{display:grid;gap:7px}
.wk-theme-option{display:flex!important;align-items:center;gap:12px;width:100%;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:10px;border-radius:9px;text-align:left;font-weight:400!important}
.wk-theme-option:hover{background:var(--soft);color:var(--text)}.wk-theme-option[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft)}.wk-theme-option strong{display:block;font-size:12px}.wk-theme-option small{display:block;font-size:10px;color:var(--secondary);margin-top:2px}.wk-theme-tick{margin-left:auto;color:var(--brand);visibility:hidden}.wk-theme-option[aria-pressed=true] .wk-theme-tick{visibility:visible}
.wk-theme-swatch{display:flex;align-items:center;width:38px;height:34px;border-radius:6px;overflow:hidden;flex:none;border:1px solid #0002}.wk-theme-swatch i{height:100%;width:33.34%;background:#f7f8f2}.wk-theme-swatch i:nth-child(2){background:#dfe8d8}.wk-theme-swatch i:nth-child(3){background:#35654d}
.wk-swatch-paper i{background:#fffcf5}.wk-swatch-paper i:nth-child(2){background:#eee5d6}.wk-swatch-paper i:nth-child(3){background:#775237}.wk-swatch-midnight i{background:#13191f}.wk-swatch-midnight i:nth-child(2){background:#30414c}.wk-swatch-midnight i:nth-child(3){background:#a9d7ca}.wk-swatch-ocean i{background:#f0f7fc}.wk-swatch-ocean i:nth-child(2){background:#d9edf7}.wk-swatch-ocean i:nth-child(3){background:#1b648b}.wk-swatch-forest i{background:#f1f5ed}.wk-swatch-forest i:nth-child(2){background:#deebd7}.wk-swatch-forest i:nth-child(3){background:#3a6c40}.wk-swatch-rose i{background:#fcf4f5}.wk-swatch-rose i:nth-child(2){background:#f5dfe8}.wk-swatch-rose i:nth-child(3){background:#984568}
.wk-theme-status{font:11px/1.5 system-ui,sans-serif!important;color:var(--secondary);margin:12px 0 0;min-height:16px}
@media(max-width:600px){.wk-theme-root{right:12px;bottom:16px}.wk-theme-toggle{padding:12px}.wk-theme-toggle>span{display:none}.wk-theme-panel{bottom:57px}.wk-theme-option{padding:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{html[data-theme]{--page:#fff;--surface:#fff;--soft:#fff;--text:#000;--secondary:#333;--border:#ccc;--brand:#222;--brand-soft:#fff;--on-brand:#fff;color-scheme:light}.wk-theme-root{display:none!important}}

html[data-product]:not([data-theme=midnight]){color-scheme:light}html[data-product][data-theme=midnight]{color-scheme:dark}

@media(min-width:1000px){.wk-theme-root{right:0;bottom:45%}.wk-theme-toggle{flex-direction:column;gap:8px;border-radius:12px 0 0 12px;padding:14px 10px}.wk-theme-toggle>span{writing-mode:vertical-rl;font-size:11px}.wk-theme-panel{position:fixed;top:50%;bottom:auto;right:62px;transform:translateY(-50%);max-height:calc(100dvh - 40px)}}
