/* Wicked Witch shared design tokens. */
/* Existing dashboard colors; no redesign. */

:root{
    --ww-color-bg:#07070a;
    --ww-color-panel:#111117;
    --ww-color-panel2:#17121d;
    --ww-color-input:#0c0b0f;
    --ww-color-border:#30263a;
    --ww-color-border-soft:#2b2430;
    --ww-color-border-strong:#493458;
    --ww-color-purple:#9b4ed7;
    --ww-color-purple2:#b96aff;
    --ww-color-purple-text:#e2c8f7;
    --ww-color-purple-soft:#1a1220;
    --ww-color-green:#bdff34;
    --ww-color-green-dark:#56b800;
    --ww-color-danger:#ff6b81;
    --ww-color-text:#f4f2f6;
    --ww-color-muted:#97919d;
    --ww-color-muted-strong:#a79aaa;
    --ww-color-topbar:rgba(15,14,19,.97);
    --ww-color-focus:rgba(168,78,228,.18);
    --ww-color-shadow:rgba(0,0,0,.55);
    --ww-color-customer-icon:rgba(190,112,255,.35);
    --ww-color-customer-icon-bg:rgba(164,82,232,.1);
    --ww-color-purple-glow:rgba(130,45,185,.12);
    --ww-color-green-glow:rgba(189,255,52,.55);
    --ww-color-scrim:rgba(6,4,10,.78);
    --ww-color-shadow-soft:rgba(0,0,0,.5);
    --ww-color-shadow-deep:rgba(0,0,0,.7);

    --ww-admin-page-title-size:30px;
    --ww-admin-section-title-size:17px;
    --ww-admin-panel-padding:20px;
    --ww-admin-panel-radius:14px;
    --ww-admin-section-gap:24px;
}

body[data-color-mode="light"]{
    color-scheme:light;
    --ww-color-bg:#f3f4f6;
    --ww-color-panel:#ffffff;
    --ww-color-panel2:#f4f5f7;
    --ww-color-input:#fafbfc;
    --ww-color-border:#d9dde5;
    --ww-color-border-soft:#e5e7eb;
    --ww-color-border-strong:#bec4cf;
    --ww-color-purple:#4f7800;
    --ww-color-purple2:#426800;
    --ww-color-purple-text:#355600;
    --ww-color-purple-soft:#edf4e3;
    --ww-color-green:#4f7800;
    --ww-color-green-dark:#426800;
    --ww-color-danger:#b52c46;
    --ww-color-text:#241b2a;
    --ww-color-muted:#665d6d;
    --ww-color-muted-strong:#51465a;
    --ww-color-topbar:rgba(255,255,255,.96);
    --ww-color-focus:rgba(79,120,0,.18);
    --ww-color-shadow:rgba(35,38,46,.18);
    --ww-color-customer-icon:rgba(79,120,0,.35);
    --ww-color-customer-icon-bg:rgba(79,120,0,.08);
    --ww-color-purple-glow:rgba(79,120,0,.08);
    --ww-color-green-glow:rgba(79,120,0,.3);
    --ww-color-scrim:rgba(36,27,42,.42);
    --ww-color-shadow-soft:rgba(35,38,46,.16);
    --ww-color-shadow-deep:rgba(35,38,46,.24);
}

body[data-color-mode="dark"]{color-scheme:dark}