:root {
    --gap-outter: 40px;
    --radius-small: 5px;
    --radius-large: 150px;
    --padding-flexlible: 5%;
    --main-light: #f1f1f1;
    --gap-inner: 20px;
    --brand-color-main: #bc6eea;
    --brand-color-sec: #6ee7eb;
    --main-dark: #211F20;
    --menu-hght-desktop: 90px;
    --burger-trigger-gap: 6px;
    --burger-trigger-color: #f0f0f0;
    --burger-trigger-width: 36px;
    --burger-trigger-thickness: 3px;
    --brand-color-thrd: #A1FFEF;
    --gap-inner-small: 5px;
    --offcanvas-backdrop: #DEDEDE24;
    --max-page-width: 1200px;
    --main-lightest: #ffffff66;
}

body.dark-mode {
    --main-light: #211F20;
    --main-dark: #f1f1f1;
    --main-lightest: #00000066;
}