:root {
    --color-modal: #23262b;
    --color-modal-dim: #1c1f23;
    --color-body: #1d1e24;
    --color-body-dim: #151518;
    --color-body-lighter: #23262b;
    --color-primary: white;
    --color-primary-dimmer: #808080;
    --color-primary-reverse: black;
    --color-secondary: #e1e1e1;
    --color-secondary-lighter: #f5f5f5;
    --color-secondary-dim: #e1e1e1;
    --color-theme: #6ca39a;
    --color-theme-dim: #619990;
    --color-theme-light: #6ca39a;
    --color-theme-grey: #b1e2da73;
    --color-theme-secondary: #da9a33;
    --color-theme-secondary-dark: #da9a33;
}

/* others */

:root {
    --color-cal: var(--bs-success);
    --color-proteins: var(--bs-orange);
    --color-carbs: #26547c;
    --color-fats: var(--bs-danger);
}

/* extra - weekdays etc */

:root {
    --color-extra-1: #da9a33;
    --color-extra-2: #4d8d60;
    --color-extra-2-dark: #3e764f;
    --color-extra-3: #a87ba8;
    --color-extra-4: #5daca4;
    --color-extra-5: #d18a83;
    --color-extra-6: #26547c;
    --color-extra-7: #ff851f;
    --color-welcome: #161616eb;
}

/* transparents */

:root {
    --color-primary-transparent: rgba(255, 255, 255, 0.06);
    --color-primary-transparent-dim: #000000d9;
    --color-primary-transparent-light: #f9f9f90a;
    --color-primary-transparent-lighter: #ffffff17;
    --color-primary-transparent-welcome: rgba(24, 24, 24, 0.51);
    --color-theme-transparent: rgba(255, 255, 255, 0.63);
    --color-shadow: 0px 0px 6px rgba(70, 70, 70, 0.63);
}

/* extra */

:root {
    --common-radius-sm: 3px;
    --common-radius-md: 6px;
    --common-radius: 8px;
    --common-radius-lg: 16px;
    --common-radius-xl: 30px;
}

/* general */

:root {
    --input-height: 38px;
}