:root {
    --primary-color: #203362;
    --primary-2: hsl(223.0, 51.0%, 18.0%);
    --primary-3: hsl(223.0, 51.0%, 32.0%);
    --primary-4: #203362;
    --primary-hover: hsla(223.0, 51.0%, 25.0%, 0.1);
    --secondary-color: #f5c642;
    --secondary-hover: hsla(44.0, 90.0%, 61.0%, 0.7);
    --secondary-light: hsl(44.0, 90.0%, 76.0%);
    --secondary-transparent: hsla(44.0, 90.0%, 61.0%, 0.1);
    --tertiary-outline: hsla(0.0, 0.0%, 0.0%, 0.1);
    --tertiary-hover: hsla(0.0, 0.0%, 0.0%, 0.2);
    --tertiary-press: hsla(0.0, 0.0%, 0.0%, 0.05);
    --base-0: #ffffff;
    --base-1: hsl(0.0, 0.0%, 80.0%);
    --base-2: hsl(0.0, 0.0%, 95.0%);
    --base-3: hsl(0.0, 0.0%, 95.0%);
    --base-4: hsl(0.0, 0.0%, 70.0%);
    --base-5: hsla(0.0, 0.0%, 100.0%, 0.7);
    --base-6: #ffffff;
    --base-7: hsl(0.0, 0.0%, 51.0%);
    --base-8: hsl(0.0, 0.0%, 79.0%);
    --text-100: #000000;
    --text-90: hsla(0.0, 0.0%, 0.0%, 0.9);
    --text-60: hsla(0.0, 0.0%, 0.0%, 0.6);
    --text-55: hsla(0.0, 0.0%, 0.0%, 0.55);
    --text-70: #f5c642;
    --text-20: hsla(0.0, 0.0%, 0.0%, 0.2);
    --divider: hsla(0.0, 0.0%, 0.0%, 0.1);
    --highlight-025: hsla(0.0, 0.0%, 0.0%, 0.05);
    --highlight-5: hsla(0.0, 0.0%, 0.0%, 0.1);
    --highlight-10: hsla(0.0, 0.0%, 0.0%, 0.175);
    --highlight-15: hsla(0.0, 0.0%, 0.0%, 0.25);
    --highlight-20: hsla(0.0, 0.0%, 0.0%, 0.4);
    --highlight-40: hsla(0.0, 0.0%, 0.0%, 0.4);
    --slider-handle: hsl(0.0, 0.0%, 60.0%);
    --slider-handle-disabled: hsl(0.0, 0.0%, 22.0%);
    --shadow-light: hsla(0.0, 0.0%, 0.0%, 0.1);
    --shadow-strong: hsla(0.0, 0.0%, 0.0%, 0.2);
    --disabled-color: hsla(0.0, 0.0%, 0.0%, 0.4);
    --alt-background-color: hsl(0.0, 0.0%, 95.0%);
    --selected-background-color: hsl(0.0, 0.0%, 91.0%);
    --reverse-background-color: hsla(0.0, 0.0%, 0.0%, 0.9);
    --highlight-color: hsla(0.0, 0.0%, 0.0%, 0.55);
    --overlay-color: hsla(0.0, 0.0%, 0.0%, 0.4);
    --accent-color: hsl(223.0, 51.0%, 32.0%);
    --faded-color:hsl(0.0, 0.0%, 96.0%);
    --color-button: #ffffff;
    --modal-overlay-color: hsla(0.0, 0.0%, 100.0%, 0.4);

    --accent-foreground-color: #fff;

    /* Colors that stay the same in every theme and are not inverted */
    --functional-red: #e7001d;
    --functional-yellow: #ffd200;
    --functional-green: #009a38;
    --focus-outline: #1284ff;
    --functional-black: #000000;
    --support-1: rgb(50,158,188);
    --support-2: rgb(139,50,188);
    --support-3: rgb(50,188,77);
    --support-4: rgb(50,188,167);
    --support-5: rgb(50,144,188);
    --support-5-tint: rgb(108, 174, 255);
    --support-6: rgb(188,50,115);
    --support-7: #86c03f;
    --support-8: #498c01;
    --support-9: #808c00;
    --support-10: #eb5a25;
}