:root {
    /* Colors for the primary palette. */
    --theme-primary-color-50: #e0f3fa;
    --theme-contrast-color-50: rgba(black, 0.87);
    --theme-primary-color-100: #b1e0f3;
    --theme-contrast-color-100: rgba(black, 0.87);
    --theme-primary-color-200: #7fcbea;
    --theme-contrast-color-200: rgba(black, 0.87);
    --theme-primary-color-300: #50b7e1;
    --theme-contrast-color-300: rgba(black, 0.87);
    --theme-primary-color-400: #30a8dc;
    --theme-contrast-color-400: rgba(black, 0.87);
    --theme-primary-color-500: #149ad7;
    --theme-contrast-color-500: rgba(black, 0.87);
    --theme-primary-color-600: #108dc9;
    --theme-contrast-color-600: white;
    --theme-primary-color-700: #087ab6;
    --theme-contrast-color-700: white;
    --theme-primary-color-800: #076aa2;
    --theme-contrast-color-800: white;
    /* These are currently used as the default nav colors. */
    --theme-primary-color-900: #f9f8faff;
    --theme-contrast-color-900: #0e3051ff;

    /* The logo shown in the nav bar. */
    --theme-nav-logo: url("/assets/DEFAULT_logo.png");
}