:root {
    --color-rosewater: #dc8a78;
    --color-flamingo: #dd7878;
    --color-pink: #ea76cb;
    --color-mauve: #8839ef;
    --color-red: #d20f39;
    --color-maroon: #e64553;
    --color-peach: #fe640b;
    --color-yellow: #df8e1d;
    --color-green: #40a02b;
    --color-teal: #179299;
    --color-sky: #04a5e5;
    --color-sapphire: #209fb5;
    --color-blue: #1e66f5;
    --color-lavender: #7287fd;

    --color-text: #4c4f69;

    --color-subtext1: #5c5f77;
    --color-subtext: #6c6f85;

    --color-overlay2: #7c7f93;
    --color-overlay1: #8c8fa1;
    --color-overlay: #9ca0b0;


    --color-surface2: #acb0be;
    --color-surface1: #bcc0cc;
    --color-surface: #ccd0da;

    --color-base: #eff1f5;
    --color-mantle: #e6e9ef;
    --color-crust: #dce0e8;
}

.dark {
    --color-rosewater: #f2d5cf;
    --color-flamingo: #eebebe;
    --color-pink: #f4b8e4;
    --color-mauve: #ca9ee6;
    --color-red: #e78284;
    --color-maroon: #ea999c;
    --color-peach: #ef9f76;
    --color-yellow: #e5c890;
    --color-green: #a6d189;
    --color-teal: #81c8be;
    --color-sky: #99d1db;
    --color-sapphire: #85c1dc;
    --color-blue: #8caaee;
    --color-lavender: #babbf1;

    --color-text: #c6d0f5;

    --color-subtext1: #b5bfe2;
    --color-subtext: #a5adce;

    --color-overlay2: #949cbb;
    --color-overlay1: #838ba7;
    --color-overlay: #737994;

    --color-surface2: #626880;
    --color-surface1: #51576d;
    --color-surface: #414559;

    --color-base: #303446;
    --color-mantle: #292c3c;
    --color-crust: #232634;


    --color-text-override: #4c4f69; 
}