:root {
    color-scheme: light;
    --app-brand-primary: #FF9E1B;
    --app-brand-primary-contrast: #000000;
    --app-brand-primary-text: #242424;
    --app-brand-accent: #05C3DE;
    --app-brand-accent-contrast: #000000;
    --app-brand-accent-text: #242424;
    --app-brand-focus: #242424;
    --app-brand-navbar: #242424;
    --app-brand-navbar-contrast: #FFFFFF;
    --app-brand-background: #F4F4F4;
    --app-brand-surface: #FFFFFF;
    --app-brand-text: #242424;
    --app-brand-font-family: "Manrope", "Segoe UI", system-ui, sans-serif;
    --app-brand-heading-font-family: "Manrope", "Segoe UI", system-ui, sans-serif;

}
html[data-theme="light"] {
    color-scheme: light;
    --app-brand-primary: #FF9E1B;
    --app-brand-primary-contrast: #000000;
    --app-brand-primary-text: #242424;
    --app-brand-accent: #05C3DE;
    --app-brand-accent-contrast: #000000;
    --app-brand-accent-text: #242424;
    --app-brand-focus: #242424;
    --app-brand-navbar: #242424;
    --app-brand-navbar-contrast: #FFFFFF;
    --app-brand-background: #F4F4F4;
    --app-brand-surface: #FFFFFF;
    --app-brand-text: #242424;
    --app-brand-font-family: "Manrope", "Segoe UI", system-ui, sans-serif;
    --app-brand-heading-font-family: "Manrope", "Segoe UI", system-ui, sans-serif;

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

}