/*
primary: #002233
secondary: #003F88
accent: #FDC500
warning: #C1121F
*/

:root {
    --primary: rgb(0, 34, 51);
    --primary-90: rgb(0, 34, 51, 0.9);
    --primary-80: rgb(0, 34, 51, 0.8);
    --primary-70: rgb(0, 34, 51, 0.7);
    --primary-60: rgb(0, 34, 51, 0.6);
    --primary-50: rgb(0, 34, 51, 0.5);
    --primary-40: rgb(0, 34, 51, 0.4);
    --primary-30: rgb(0, 34, 51, 0.3);
    --secondary: rgb(0, 63, 136);
    --contrast: rgb(255, 255, 255);
    --contrast-90: rgb(255, 255, 255, 0.9);
    --contrast-80: rgb(255, 255, 255, 0.8);
    --contrast-70: rgb(255, 255, 255, 0.7);
    --contrast-65: rgb(255, 255, 255, 0.65);
    --contrast-60: rgb(255, 255, 255, 0.6);
    --contrast-50: rgb(255, 255, 255, 0.5);
    --contrast-40: rgb(255, 255, 255, 0.4);
    --contrast-30: rgb(255, 255, 255, 0.3);
    --contrast-20: rgb(255, 255, 255, 0.2);
    --contrast-10: rgb(255, 255, 255, 0.1);
    --accent: rgb(253, 197, 0);
    --accent-90: rgb(253, 197, 0, 0.9);
    --accent-80: rgb(253, 197, 0, 0.8);
    --warning: rgb(193,18,31);
    --border: 3px solid var(--contrast-90);
    --border-light: 1px solid var(--contrast-90);
    --border-primary: 3px solid var(--primary-90);
    --border-primary-light: 1px solid var(--primary-90);
    --border-contrast: 3px solid var(--contrast-90);
    --border-contrast-light: 1px solid var(--contrast-90);
    --border-accent: 3px solid var(--accent-90);
    --border-accent-light: 1px solid var(--accent-90);
    --border-warning: 3px solid var(--warning);
    --main-background-image: linear-gradient(to bottom, #0066ff, #005bce, #004b99, #003764, #002233);
    --header-background-image: url('/themes/default/header.svg');
    --intro-background-image: url('/themes/default/intro.svg');
    --intro2-background-image: url('/themes/default/intro2.svg');
    --footer-background-image: url('/themes/default/footer.svg');
    --footer-start-background-image: url('/themes/default/footer-start.svg');
}