:root {
    --brand: 203 100% 32%;
    --brand-background: 0 0% 100%;
    --brand-elements-background: 203 0% 95%;

    --card: 203 100% 98%;

    --brand-sunday: #f1ebf9;
    --brand-sunday-foreground: #6a45a1;
}

.dark:root {
    --brand: 203 100% 37%;
    --brand-background: 0 0% 7%;
    --brand-elements-background: 203 89% 5%;
    
    --card: 203 89% 5%;

    --brand-sunday: #231736;
    --brand-sunday-foreground: #d2c0ed;
}