:root {
    font-family: Lato;
    --action-active: #473CB8;
    --action-disabled-background: rgba(0,0,0,0.08); 
    --background-default-subtle: #F5F6F8;
    --background-surface: #FFF;

    --border-main: #DDE0E5;

    --error-main: #C71E11;

    --primary-main: #372CAC;

    --text-primary: #323232;
    --text-secondary: #505050;
    --primary-contrast-text: #FFF;

    @media (prefers-color-scheme: dark) {
        --action-active: #6459CE;
        --action-disabled-background: rgba(255,255,255,0.1); 
        --background-default-subtle: #232323;
        --background-surface: #121212;

        --border-main: #404040;

        --error-main: #DB3725;

        --primary-main: #847AE6;

        --text-primary: #FFF;
        --text-secondary: #C9CCD2;
        --primary-contrast-text: #121212;
    }
}