:root {
    --clr-primary:                #001a4d;
    --clr-primary-mid:            #0055b3;
    --clr-accent:                 #00aadd;
    --clr-accent-light:           #e0f4fb;
    --clr-secondary:              #0055b3;
    --clr-secondary-container:    #d0e8ff;
    --clr-on-secondary-container: #002f7a;
    --clr-surface:                #f5f8ff;
    --clr-surface-container-low:  #eaf1fb;
    --clr-on-surface:             #0d1b35;
    --clr-on-surface-variant:     #3a4d6b;
    --clr-on-primary:             #ffffff;
    --clr-outline-variant:        #b0c4de;
    --font-headline: 'Manrope', sans-serif;
    --font-body:     'Work Sans', sans-serif;
}