:root {
    --breakpoint-x-large: 80rem;
    --ucla-blue: #2774AE;
    --ucla-darkest-blue: #003B5C;
    --ucla-darker-blue: #005587;
    --ucla-lighter-blue: #8BB8E8;
    --ucla-lightest-blue: #DAEBFE;
    --ucla-gold: #FFD100;
    --ucla-darkest-gold: #FFB81C;
    --ucla-darker-gold: #FFC72C;
    --light-gray: #000000aa;
    --background-color: white;
    --hr-color: #EEE;
    --card-outline-color: #e6e6e6;
    --font-family-sans: sans-serif;
    --border-radius: .2rem;
    --font-family-serif: serif;
    --font-family-article: Arial, Helvetica;
    --font-size-xxx-large: 3rem; /* 48 px */
    --font-size-xx-large: 2.5rem; /* 40 px */
    --font-size-x-large: 2rem; /* 32 px */
    --font-size-large: 1.5rem; /* 24 px */
    --font-size-medium-large: 1.25rem; /* 20 px */
    --font-size-article-content: 1.125rem; /* 18 px */
    --font-size-medium: 1.125rem; /* 18 px */
    --font-size-medium-small: 1rem; /* 16px */
    --font-size-small: 0.8125rem; /* 13 px */

    --font-color-secondary: #58595b;
    --content-margin: 1rem;
    --home-row-content-margin: 2rem;
    --section-margin-bottom: 2rem;
    --banner-margin-bottom: 1rem;
    --transition-time: 0.1s;
    --transition-time-fast: 0.1s;
    --nav-bar-height: 5rem;
    --perspective: 100px;
    --body-row-large-height: 20rem;
    --depth-1-scale: 0.005;
    --depth-1-box-shadow-blur: 0.25rem;
    --box-shadow-light: #d3d3d3;
    --box-shadow-dark: #00000011;
}