:root {
    /* COLORS */

    /*
    --color-pink-8: #D4B5B5;
    --color-pink-7: #FFF6F6;
    --color-pink-6: #F9F7F7;
    --color-pink-5: #B082A1;
    --color-pink-4: #C8A7BE;
    --color-pink-3: #E0CCDA;
    --color-pink-2: #EFE6EC;
    --color-pink-1: #F7F3F6;
    --color-pink-0: #FFF1F1;
    --color-brown-3: #F7F0F0;
    --color-brown-2: #EEDDDD;
    --color-brown-1: #AD878E;
    --color-white: #FFFFFF;

    --color-purple-lightest: #EDF2FB;
    --color-purple-lighter: #E2EAFC;
    --color-purple-light: #D7E3FC;
    --color-purple-mid: #CCDBFD;
    --color-purple-dark: #C1D3FE;
    --color-purple-darker: #B6CCFE;
    --color-purple-darkest: #ABC4FF;
    */

    /*
    --color-lightest: #FFFFFF;
    --color-lighter: #E4EAEB;
    --color-mid: #C9D4D6;
    --color-darker: #AEBEC1;
    --color-darkest: #93A8AC;
    */
}

body
{
    --color-background: var(--color-lightest);/*var(--color-brown-2);*/
    --color-nav: var(--color-lightest);/*var(--color-pink-7);*/
    --color-nav-text: var(--color-darkest);/*var(--color-brown-1);*/
    --color-header: var(--color-darker);/*var(--color-brown-1);*/
    --color-text: var(--color-darkest);
    --color-content: #FEFFFA;

    --color-day-today: #C09BB4;
    /*
    --color-day-low: var(--color-pink-2);
    --color-day-medium: var(--color-pink-3);
    --color-day-high: var(--color-pink-8);
    */
    --color-day-primary: var(--color-darkest);/* #9C6D76; */
    /*--color-day-secondary: red;/*#D0B4C2; /*var(--color-pink-3);*/
    --color-day-text: var(--color-lightest);/*var(--color-pink-6);*/
    --color-border-day-selected: var(--color-darkest);

    --color-button-primary: var(--color-darker);

    --color-panel: var(--color-lighter);
    --color-bg-input: var(--color-lightest);

    --color-selector-background: var(--color-lighter);
    --color-bg-mark: var(--color-lightest);
    --color-mark: var(--color-darkest);

    /* FONTS */
    --font-poet: 'Poetsen One';
    --font-mono: 'Lekton';
}