:root {
    color-scheme: light;
    --app-brand-primary: #0542FC;
    --app-brand-primary-contrast: #FFFFFF;
    --app-brand-primary-text: #0542FC;
    --app-brand-accent: #363636;
    --app-brand-accent-contrast: #FFFFFF;
    --app-brand-accent-text: #363636;
    --app-brand-focus: #363636;
    --app-brand-navbar: #FFFFFF;
    --app-brand-navbar-contrast: #000000;
    --app-brand-background: #F6F6F8;
    --app-brand-surface: #FFFFFF;
    --app-brand-text: #363636;
    --app-brand-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --app-brand-heading-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

}
html[data-theme="light"] {
    color-scheme: light;
    --app-brand-primary: #0542FC;
    --app-brand-primary-contrast: #FFFFFF;
    --app-brand-primary-text: #0542FC;
    --app-brand-accent: #363636;
    --app-brand-accent-contrast: #FFFFFF;
    --app-brand-accent-text: #363636;
    --app-brand-focus: #363636;
    --app-brand-navbar: #FFFFFF;
    --app-brand-navbar-contrast: #000000;
    --app-brand-background: #F6F6F8;
    --app-brand-surface: #FFFFFF;
    --app-brand-text: #363636;
    --app-brand-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --app-brand-heading-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

}
html[data-theme="dark"] {
    color-scheme: dark;
    --app-brand-primary: #0542FC;
    --app-brand-primary-contrast: #FFFFFF;
    --app-brand-primary-text: #F5F5F5;
    --app-brand-accent: #363636;
    --app-brand-accent-contrast: #FFFFFF;
    --app-brand-accent-text: #F5F5F5;
    --app-brand-focus: #F5F5F5;
    --app-brand-navbar: #FFFFFF;
    --app-brand-navbar-contrast: #000000;
    --app-brand-background: #14161A;
    --app-brand-surface: #1F2229;
    --app-brand-text: #F5F5F5;
    --app-brand-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --app-brand-heading-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

}