:root {
    --brand-primary: #1f5f9e;
    --brand-primary-bright: #2b78c2;
    --brand-primary-soft: #7fb4e6;
    --brand-accent: #4ca1a1;
    --brand-accent-bright: #7fd3cf;
}
:where(:root[data-theme="light"]) {
    &:root {
        --brand-primary-soft: color-mix(in srgb, #7fb4e6 55%, black);
        --brand-accent: #1a7575;
    }
}