:root {
    /* Primary Colors */
    --color-white: #ffffff;
    --color-primary: #376276;
    --color-secondary: #0056b3;
    --color-accent: #00205c;
    --color-light-gray: #f4f4f4;
    --color-lighter-gray: #e7e7e7;
    --color-button-bg: #06205c;
    --color-button-hover: #003e7d;

    /* Font family variables */
    --heading-font: 'Roboto', sans-serif;
    --body-font: 'Crimson Text', serif;

    /* Images */
    --image-school-logo: url("/images/MCC_logo.png");
}