html[data-theme='light'] {
    --surface-color: #242f3d;
    --surface-color-40: rgba(36, 47, 61, 0.4);
    --surface-color-variant: #39495e;
    --background-color: #fff;
    --background-secondary-color: #242f3d;
    --background-tertiary-color: #242f3d;
    --background-inverted-color: #fff;
    --text-color: #000;
    --text-color-header: #fff;
    --text-inverted-color: #26325c;
    --text-secondary-color: #7f91a4;
    --text-inverted-secondary-color: #83899f;
    --text-tertiary-color: #7f91a4;
    --text-selection-background-color: #6c727a;
    --backdrop-color: rgba(23, 33, 43, 0.75);
    --title-color: #fff;
    --line-color: #2c3743;
    --line-inverted-color: #e8ebef;
    --danger-color: #ff6270;
    --success-color: #70cf98;
    --warning-color: #f2c94c;
    --grey-color: #7f91a4;
    --grey-color-50: rgba(127, 145, 164, 0.5);
    --main-color: #7177f8;
    --main-variant-color: #525aff;
    --main-color-inverted: #454cee;
    --main-variant-color-inverted: #2d35ee;
    --secondary-color: rgba(127, 145, 164, 0.5);
    --secondary-variant-color: rgba(127, 145, 164, 0.7);
    --tertiary-color: #242f3d;
    --tertiary-variant-color: #39495e;
    --surface-color-50: rgba(36, 47, 61, 1);
    --main-header-bg: #33343B;
    --btn-outlined-border: #4C4C51;
    --btn-hover-border: green;
    --btn-focus-border: blue;
    --faq: black;
    --engioar: black;
    --btn-filled-disabled: #e3e3e3;
    --cal: #fafafa1e;
    --sidermegabox: #F6F6F6;
    --footer: #888888;
    --footer-fill: #777777;

    /*custom*/

    --body: #fff;
    --header: #32353E;
    --header-color-1: #fff;
    --header-color-2: #fff;
    --header-color-3: #fff;
    --header-color-4: #32353E;
    --header-background-color-1: #ffffff00;
    --header-background-color-2: #44C697;
    --header-background-color-3: #3C9AF5;
    --header-background-color-4: #FFFFFF;
    --header-border-1: #4C4C51;
    --header-border-2: #4C4C51;
    --header-border-3: #4C4C51;
    --header-border-4: #4C4C51;
    --header-border-hover-1: green;
    --header-border-hover-2: green;
    --header-border-hover-3: green;
    --header-border-hover-4: green;
    --sider-bar: #FDFDFD;
    --sider-bar-color-1: #32353E;
    --sider-bar-color-2: #32353E;
    --sider-bar-color-3: #32353E;
    --sider-bar-color-4: #32353E;
    --sider-bar-color-4-rss: #000000;
    --sider-bar-footer-color-1: #888888;
    --sider-bar-footer-color-2: #888888;
    --sider-bar-footer-color-3: #888888;
    --sider-bar-footer-color-4: #888888;
    --sider-bar-background-color-1: #ffffff00;
    --sider-bar-background-color-2: #ffffff00;
    --sider-bar-background-color-3: #ffffff00;
    --sider-bar-background-color-4: #ffffff00;
    --sider-bar-border-1: #ffffff00;
    --sider-bar-border-2: #ffffff00;
    --sider-bar-border-3: #ffffff00;
    --sider-bar-border-4: #ffffff00;
    --sider-bar-hover-1: #E4E4E6;
    --sider-bar-hover-2: #E4E4E6;
    --sider-bar-hover-3: #E4E4E6;
    --sider-bar-hover-4: #E4E4E6;
    --sider-bar-footer-hover-1: #32353E;
    --sider-bar-footer-hover-2: #32353E;
    --sider-bar-footer-hover-3: #32353E;
    --sider-bar-footer-hover-4: #32353E;
    --sider-bar-footer-c: #565656;
    --menu-bar: #fff;
    --menu-bar-a: #454E58;
    --menu-bar-span: #A5A5A5;
    --menu-bar-a-hover: #F4F4F4;
    --create-form-title: #7C7C7C;
    --create-form-img: #F9F9F9;
}