@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root {
    color-scheme: light dark;    

    --bol-color-primary: #0071B3;
    --bol-color-primary-lighter: #BDE7FF;
    --bol-color-accent: #A90074;
    --bol-color-accent-lighter: #FBDAF1;
    --bol-color-positive: #007D34;
    --bol-color-negative: #DB0000;
    --bol-color-negative-lighter: #FFD6D6;
    --bol-color-warning: #F08400;    
    --bol-color-text-primary: #404040;
    --bol-color-text-secondary: #696969;
    --bol-color-text-contrast: #FFFFFF;
    --bol-color-text-disabled: #40404099;
    --bol-color-text-light: #ced4da;
    --bol-color-hover: #E5F0F7;
    --bol-color-focus: #002E67;
    --bol-color-blue: #0071B3;
    --bol-color-green: #5D7508;
    --bol-color-orange: #BD4411;
    --bol-color-purple: #A90074;
    --bol-color-logo-blue: #00ACCD;
    --bol-color-logo-green: #97BF0D;
    --bol-color-logo-orange: #EE7D11;
    --bol-color-logo-purple: #A90074;
    --bol-color-background-primary: #F9F9FB;
    --bol-color-background-secondary: #FFFFFF;
    --bol-color-background-tertiary: #F2F4F8;
    --bol-color-border: #1F469333;
}

@media (prefers-color-scheme: dark) {     
    :root {
        --bol-color-primary: #10A7FF;
        --bol-color-primary-lighter: #1C465E;
        --bol-color-accent: #F076CA;
        --bol-color-accent-lighter: #5B3950;
        --bol-color-positive: #00C250;
        --bol-color-negative: #FF6666;
        --bol-color-negative-lighter: #5F3535;
        --bol-color-warning: #FFAB61;    
        --bol-color-text-primary: #F0F0F0;
        --bol-color-text-secondary: #B8B8B8;
        --bol-color-text-contrast: #121212;
        --bol-color-text-disabled: #FFFFFF66;
        --bol-color-hover: #1E3542;
        --bol-color-focus: #E5F0F7;    
        --bol-color-blue: #10A7FF;
        --bol-color-green: #8BAE0C;
        --bol-color-orange: #EF851F;
        --bol-color-purple: #F076CA;
        --bol-color-logo-blue: #00ACCD;
        --bol-color-logo-green: #97BF0D;
        --bol-color-logo-orange: #EE7D11;
        --bol-color-logo-purple: #A90074;
        --bol-color-background-primary: #101319;
        --bol-color-background-secondary: #181C25;
        --bol-color-background-tertiary: #202631;
        --bol-color-border: #FFFFFF33;
    }
}

body {font-family:Roboto, sans-serif;font-weight:100;font-style:normal;background-color:var(--bol-color-background-primary);color:var(--bol-color-text-primary);}

.form-control {color:var(--bol-color-text-primary);}

.accordion-button:not(.collapsed) {color:var(--bol-color-text-primary);background-color:var(--bol-color-background-secondary);}
.accordion-button:focus {border-color:var(--bol-color-border);}

.btn-outline-primary {border-color:var(--bol-color-primary);color:var(--bol-color-primary);}
.btn-outline-primary:hover {background-color:var(--bol-color-primary);border-color:var(--bol-color-primary);}

.btn-primary {border-color:var(--bol-color-primary);background-color:var(--bol-color-primary);color:#fff;}
.btn-primary:hover {border-color:var(--bol-color-primary);background-color:var(--bol-color-primary);color:#fff;}