/* general */
:root {
    --common-radius-sm: 3px;
    --common-radius-md: 6px;
    --common-radius: 8px;
    --common-radius-lg: 16px;
    --common-radius-xl: 30px;
}
:root {
    --text-font: "Rajdhani";
    --input-height: 38px;
}

:root {
    --color-body: #1d1e24;
    --color-text: #fff; /* dark or light */
    --color-text-dim: #f1f1f1; /* dark or light */

    --color-layout: #23262b;
    --color-layout-text: #fff; /* dark or light */
    --color-layout-text-dim: #f1f1f1; /* dark or light */

    --color-primary: #6ca39a;
    --color-secondary: #f7941d;
    --color-border: #333;
    --color-button-text: #fff; /* dark or light */
}

/* others */
:root {
    --color-cal: #d18a83;
    --color-proteins: #26547c;
    --color-carbs: #da9a33;
    --color-fats: #4d8d60;
}

/* extra - weekdays etc */
:root {
    --color-extra-1: #da9a33;
    --color-extra-2: #4d8d60;
    --color-extra-3: #a87ba8;
    --color-extra-4: #5daca4;
    --color-extra-5: #d18a83;
    --color-extra-6: #26547c;
    --color-extra-7: #ff851f;
}

/* transparent */
:root {
    --color-layout-transparent: rgba(255, 255, 255, 0.05); /* dark or light */
}