:root{color-scheme:light;--bg:#f5f7f9;--surface:#ffffff;--surface-alt:#f4f6fb;--surface-hover:#eceff4;--text:#171a23;--muted:#667085;--subtle:#a0a7b2;--border:#0f172a14;--border-strong:#cbd1dc;--accent:#5e6ad2;--accent-hover:#515ec8;--accent-soft:#5e6ad21f;--on-accent:#ffffff;--success:#2b7c5c;--success-bg:#eaf5ee;--warning:#93661f;--warning-bg:#fbf2df;--danger:#bb4646;--danger-bg:#fcecec;--canvas:#ebe7df;--canvas-natural:#e9e1d5;--canvas-green:#dce4da;--canvas-stone:#e6e8ea;--media-dark:#20252c;--media-text:#ffffff;--scrim:#17203366;--shadow:0 16px 60px #1e2a431a;--shadow-sm:0 3px 12px #1e2a4308;--focus:0 0 0 3px #344cc52b;--chart:#344cc5;--font:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--radius-sm:6px;--radius:10px;--radius-lg:16px;--space:4px}
:root[data-theme="dark"]{color-scheme:dark;--bg:#171a20;--surface:#20242c;--surface-alt:#292e38;--surface-hover:#313744;--text:#eef0f5;--muted:#a0a8b6;--subtle:#7c8696;--border:#333946;--border-strong:#4b5464;--accent:#9aaaff;--accent-hover:#b2bfff;--accent-soft:#303a60;--on-accent:#182147;--success:#8cd5b0;--success-bg:#223e32;--warning:#e6bd72;--warning-bg:#463b28;--danger:#f2a2a2;--danger-bg:#4e3035;--canvas:#343633;--canvas-natural:#544c42;--canvas-green:#35483d;--canvas-stone:#3d434b;--media-dark:#14171d;--media-text:#f5f7fb;--scrim:#080b13a6;--shadow:0 16px 60px #00000040;--shadow-sm:0 3px 12px #0000001a;--focus:0 0 0 3px #9aaaff3b;--chart:#9aaaff}

/* Workbench illustration and promotional surfaces, light/dark pairs. */
:root{--wb-glow:#ddddf5;--wb-art-tint:#e2e6fb;--wb-art-line:#b9c4f6;--wb-art-symbol:#665beb;--wb-art-on-symbol:#ffffff;--wb-new-bg:#e7516a;--wb-new-text:#ffffff;--wb-overlay-top:#20252c00;--wb-overlay-bottom:#20252ce8;--wb-cta-bg:#ffffff26;--wb-cta-hover:#ffffff40;--wb-image-shadow:0 8px 18px #38466f24}
:root[data-theme="dark"]{--wb-glow:#302f55;--wb-art-tint:#353b59;--wb-art-line:#818cc8;--wb-art-symbol:#b2a8ff;--wb-art-on-symbol:#252039;--wb-new-bg:#ff9dad;--wb-new-text:#3b1822;--wb-overlay-top:#14171d00;--wb-overlay-bottom:#14171ded;--wb-cta-bg:#ffffff26;--wb-cta-hover:#ffffff40;--wb-image-shadow:0 8px 18px #00000040}

/* Shared semantic refinements measured from the reference workbench. */
:root{--text-emphasis:#000000;--text-secondary:#666666;--surface-label:#edeff5;--surface-filter:#f4f6fbb3;--card-border:#00000012;--switch-border:#00000033;--ambient-glow:#6468ea59;--ambient-clear:#6468ea00;--surface-selected:#ffffff;--filter-active:#5e6ad21f;--illustration-purple:#af9bff;--illustration-mint:#6ad6d2;--illustration-coral:#ff9c7e;--text-label:#333333cc}
:root[data-theme="dark"]{--text-emphasis:#f7f8f8;--text-secondary:#a0a8b6;--surface-label:#292e38;--surface-filter:#20242cb3;--card-border:#ffffff1a;--switch-border:#ffffff30;--ambient-glow:#777ae440;--ambient-clear:#777ae400;--surface-selected:#353b4e;--filter-active:#9aaaff24;--illustration-purple:#af9bff;--illustration-mint:#6ad6d2;--illustration-coral:#ff9c7e;--text-label:#c8ced9}

/* Promotional strip and recharge action pairs shared by navigation components. */
:root{--campaign-start:#2c213d;--campaign-end:#7658a3;--campaign-text:#ffffff;--campaign-highlight:#f160d2;--campaign-rule:#ffffff59;--recharge-bg:#ffd0b3;--recharge-text:#713a24}
:root[data-theme="dark"]{--campaign-start:#2c213d;--campaign-end:#7658a3;--campaign-text:#ffffff;--campaign-highlight:#f160d2;--campaign-rule:#ffffff59;--recharge-bg:#ffd0b3;--recharge-text:#713a24}

/* Navigation-only semantic pairs, measured from the reference sidebar. */
:root{--nav-hover:oklab(0.959829 -0.00179908 -0.00890666 / .6);--nav-profile:oklab(0.959829 -0.00179908 -0.00890666 / .3);--nav-rule:#0f172a08;--nav-footer-rule:#0f172a0c;--nav-popup-shadow:0 8px 24px #0f172a1a;--recharge-hover:#ffc19a;--recharge-shadow:0 1px 3px #713a241a,0 1px 2px -1px #713a241a}
:root[data-theme="dark"]{--nav-hover:#313744;--nav-profile:#292e3880;--nav-rule:#33394680;--nav-footer-rule:#333946;--nav-popup-shadow:0 8px 24px #00000040;--recharge-hover:#ffc19a;--recharge-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}

:root{--nav-arrow:oklab(0.544419 -0.00295964 -0.0348947 / .6);--recharge-badge-text:#ffffff}
:root[data-theme="dark"]{--nav-arrow:#a0a8b699;--recharge-badge-text:#ffffff}

/* Smart-refine shared form and dialog surfaces, in paired themes. */
:root{--rf-shell:#fffffff5;--rf-panel:#ffffffe6;--rf-field:oklab(0.973042 -0.000133127 -0.00697362 / .88);--rf-select:oklab(0.959829 -0.00179908 -0.00890666 / .7);--rf-border:oklab(0.207678 -0.00293915 -0.0397103 / .054902);--rf-drop-border:oklab(0.544419 -0.00295964 -0.0348947 / .25);--rf-action-text:oklab(0.218874 0.000152387 -0.0182723 / .75);--rf-dialog:oklab(0.973041 -0.000133127 -0.00697362 / .98);--rf-panel-shadow:0 8px 20px #0f172a0f;--rf-outer-shadow:0 10px 28px #0f172a0f;--rf-field-shadow:0 1px 3px #0f172a0d,0 1px 2px -1px #0f172a0d;--rf-person-shadow:0 1px 3px #00000033,0 1px 2px -1px #00000033}
:root[data-theme="dark"]{--rf-shell:#20242cf5;--rf-panel:#292e38e6;--rf-field:#171a20e0;--rf-select:#313744b3;--rf-border:#4b546480;--rf-drop-border:#a0a8b666;--rf-action-text:#eef0f5bf;--rf-dialog:#20242cfa;--rf-panel-shadow:0 8px 20px #0000001f;--rf-outer-shadow:0 10px 28px #00000026;--rf-field-shadow:0 1px 3px #00000026,0 1px 2px -1px #00000026;--rf-person-shadow:0 1px 3px #00000040,0 1px 2px -1px #00000040}