:root {
    --color-text-default: rgb(55, 53, 47);
    --color-text-default-light: rgba(55, 53, 47, 0.6);
    --color-bg-default: rgb(245, 230, 66);
    --color-bg-pink: rgb(244, 223, 235);
    --color-pill-default: rgba(206, 205, 202, 0.5);
    --color-pill-gray: rgba(155, 154, 151, 0.4);
    --color-pill-brown: rgba(140, 46, 0, 0.2);
    --color-pill-orange: rgba(245, 93, 0, 0.2);
    --color-pill-yellow: rgba(233, 168, 0, 0.2);
    --color-pill-green: rgba(0, 135, 107, 0.2);
    --color-pill-blue: rgba(0, 120, 223, 0.2);
    --color-pill-purple: rgba(103, 36, 222, 0.2);
    --color-pill-pink: rgba(221, 0, 129, 0.2);
    --color-pill-red: rgba(255, 0, 26, 0.2);
    --color-ui-hover-bg: rgba(239, 239, 239);
    --color-card-bg: rgb(255, 255, 255);
    --color-checkbox-bg: rgb(46, 170, 220);
    --color-border-default: rgba(235, 236, 237, 0.8);
    --color-border-dark: rgba(55, 53, 47, 0.16);
    --color-code-bg: rgba(239, 239, 239);
    --scrollbar-background-color: #fafafa;
    --scrollbar-thumb-color: #c1c1c1;
    --scrollbar-border-color: #e8e8e8;
    --navbar-text-color: var(--color-text-default);
    --navbar-background-color: var(--color-bg-default);
    --navbar-button-text-color: var(--color-text-default);
    --navbar-button-background-color: var(--color-bg-default);
    --navbar-menu-background-color: var(--navbar-background-color);
    --footer-text-color: var(--color-text-default);
    --footer-background-color: var(--color-bg-default);
    --color-calendar-weekend-bg: #f7f6f3;
}

.slider {
    background-color: pink;
}