:root {
    /* Base colors */
    --bg-zebra: rgba(0, 0, 0, 0.08);
    --text-color-prim: #ffffff;
    --text-color-sub: #1f1f1f;
    --text-color-sub-muted: #1f1f1fa6;
    --text-color-sub-disabled: #1f1f1f38;

    /* Backgrounds */
    --bg-body: #f2f3f2;
    --bg-body-light: #fafafa;
    --bg-hover-soft: rgba(90, 110, 100, 0.08);
    --bg-selected-soft: rgba(90, 110, 100, 0.12);
    --bg-selected-strong: rgba(60, 80, 70, 0.25);
    --bg-selected-pvz-strong: rgba(70, 95, 85, 0.45);
    --bg-selected-pvz-soft: #3f524b;

    /* =========================
       HEADER / MENU (DARK ZONE)
       ========================= */

    --header-bg: #3f564d;              /* темнее color-primary */
    --header-bg-dark: #32453e;         /* углубление для lmenu */
    --header-bg-darker: #283832;       /* hover / active */
    --header-bg-selected: #2838329b;     /* selected btn*/
    --shadow-selected: #77ffaa;     /* selected btn*/

    --header-text: #ffffff;
    --header-border: rgba(255, 255, 255, 0.18);

    /* Select inside header */
    --header-select-bg: rgba(255, 255, 255, 0.12);
    --header-select-bg-hover: rgba(255, 255, 255, 0.18);
    --header-select-bg-open: #4f6b60;  /* возврат к primary */

    /* Primary / Accent (нейтральный графитово-зелёный) */
    --color-primary: #4f6b60;
    --color-primary-dark: #3f564d;
    --color-primary-darker: #32453e;
    --color-primary-alt: #5f7c70;
    --color-primary-action: #56766a;

    /* Gradients */
    --gradient-main: linear-gradient(to bottom, #6f8f82, #3f564d);
    --gradient-modal: linear-gradient(to bottom, #7c9a8f, #32453e);
    --gradient-horizontal: linear-gradient(90deg, #6f8f82 0%, #4f6b60 100%);

    /* Inputs */
    --bg-input: #e1e1e1;
    --color-placeholder: #6b6b6b;

    /* Borders */
    --border-main: #4f6b60;
    --border-soft: rgba(79, 107, 96, 0.35);

    /* States */
    --state-hover: rgba(79, 107, 96, 0.08);
    --state-active: rgba(79, 107, 96, 0.14);
    --state-active-strong: rgba(79, 107, 96, 0.2);

    /* Status (без красного/жёлтого) */
    --color-weekend: #5c5c5c;
    --color-holiday: #7a7a7a;

    /* Overlay */
    --overlay-dark: rgba(0, 0, 0, 0.5);
}


body.theme-wb {
    /* Base colors */
    --text-color-prim: #ffffff;
    --text-color-sub: #000000;
    --text-color-sub-muted: #000000A6;
    --text-color-sub-disabled: #00000038;

    /* Backgrounds */
    --bg-body: #FFC7F7;
    --bg-body-light: #fde2f9;
    --bg-hover-soft: #ffe0f473;
    --bg-selected-soft: #ffe0f440;
    --bg-selected-strong: #7700772e;
    --bg-selected-pvz-strong: #b8017861;
    --bg-selected-pvz-soft: #632a59;

    /* =========================
       HEADER / MENU (DARK ZONE)
       ========================= */

    --header-bg: #660066;              /* темнее color-primary */
    --header-bg-dark: #550055;         /* глубина для lmenu */
    --header-bg-darker: #440044;       /* hover / active */
    --header-bg-selected: #4400449b;     /* selected btn*/
    --shadow-selected: #ea77ff;     /* selected btn*/

    --header-text: #ffffff;
    --header-border: rgba(255, 255, 255, 0.22);

    /* Select inside header */
    --header-select-bg: rgba(255, 255, 255, 0.14);
    --header-select-bg-hover: rgba(255, 255, 255, 0.22);
    --header-select-bg-open: #7B0178;  /* чистый WB primary */
    
    /* Primary / Accent */
    --color-primary: #7B0178;
    --color-primary-dark: #770077;
    --color-primary-darker: #660066;
    --color-primary-alt: #920078;
    --color-primary-action: #8E2880;

    /* Gradients */
    --gradient-main: linear-gradient(to bottom, #bb0077, #770077);
    --gradient-modal: linear-gradient(to bottom, #cf0084, #660066);
    --gradient-horizontal: linear-gradient(90deg, #B80177 0%, #7B0178 100%);

    /* Inputs */
    --bg-input: #d9d9d9;
    --color-placeholder: #99518b;

    /* Borders */
    --border-main: #7B0178;
    --border-soft: #7b017946;

    /* States */
    --state-hover: rgba(123, 1, 120, 0.08);
    --state-active: rgba(123, 1, 120, 0.15);
    --state-active-strong: rgba(123, 1, 120, 0.18);

    /* Status */
    --color-weekend: #ff0000;
    --color-holiday: #ae7700;

    /* Overlay */
    --overlay-dark: rgba(0,0,0,0.5);
}




body.theme-ozon {
    /* Base colors */
    --text-color-prim: #ffffff;
    --text-color-sub: #001a33;
    --text-color-sub-muted: rgba(0, 26, 51, 0.65);
    --text-color-sub-disabled: rgba(0, 26, 51, 0.25);

    /* Backgrounds */
    --bg-body: #eaf3ff;
    --bg-body-light: #f5f9ff;
    --bg-hover-soft: rgba(51, 153, 255, 0.08);
    --bg-selected-soft: rgba(51, 153, 255, 0.12);
    --bg-selected-strong: rgba(51, 153, 255, 0.25);
    --bg-selected-pvz-strong: rgba(0, 102, 204, 0.35);
    --bg-selected-pvz-soft: #1f5fa8;

    /* =========================
       HEADER / MENU (DARK ZONE)
       ========================= */

    --header-bg: #1f5fa8;              /* темнее color-primary */
    --header-bg-dark: #174a85;         /* для lmenu */
    --header-bg-darker: #123a68;       /* hover / active */
    --header-bg-selected: #123a689b;     /* selected btn*/
    --shadow-selected: #77f9ff;     /* selected btn*/
    --header-text: #ffffff;
    --header-border: rgba(255, 255, 255, 0.18);

    /* Select inside header */
    --header-select-bg: rgba(255, 255, 255, 0.12);
    --header-select-bg-hover: rgba(255, 255, 255, 0.18);
    --header-select-bg-open: #276ec0; 
    
    /* Primary / Accent */
    --color-primary: #3399ff;          /* основной Ozon-синий */
    --color-primary-dark: #1f7ae0;
    --color-primary-darker: #155bb5;
    --color-primary-alt: #4da6ff;
    --color-primary-action: #2b8cff;

    /* Gradients */
    --gradient-main: linear-gradient(to bottom, #4da6ff, #1f7ae0);
    --gradient-modal: linear-gradient(to bottom, #66b3ff, #155bb5);
    --gradient-horizontal: linear-gradient(90deg, #4da6ff 0%, #1f7ae0 100%);

    /* Inputs */
    --bg-input: #e0ecff;
    --color-placeholder: #6b9fd6;


    /* Borders */
    --border-main: #3399ff;
    --border-soft: rgba(51, 153, 255, 0.35);

    /* States */
    --state-hover: rgba(51, 153, 255, 0.10);
    --state-active: rgba(51, 153, 255, 0.18);
    --state-active-strong: rgba(51, 153, 255, 0.25);

    /* Status */
    --color-weekend: #ff3b3b;
    --color-holiday: #ff9f1a;

    /* Overlay */
    --overlay-dark: rgba(0, 0, 0, 0.55);
}