:root {
    --primary-color: #0C4FBC;
    --secondary-color: #19A33E;
    --dark-blue: #043E9D;
    --darker-blue: #01307C;
    --darkest-blue: #00296B;
    --mid-blue: #2B61B9;
    --mid-dark-blue: #4881DD;
    --light-blue: #F3F8FF;
    --lighter-blue: #E1EDFF;
    --lightest-blue: #B5D1FF;
    --light-green: #1AC748;
    --mid-orange: #fe5b3e;
    --white: #FFFFFF;
    --black: #000000;
    --text-color: #31383D;
    --text-light-color: #F0F7FF;
    --card-bg: linear-gradient(145deg, #0C4CB3, #0944A4);
    --box-shadow-light: 0px 4px 14px 0px rgba(0, 30, 77, 0.30);
    --box-shadow-mid: 0px 4px 25px 0px rgba(0, 30, 77, 0.40);
    --font-family-primary: "Montserrat", sans-serif;

    /* Font base sizes */
    --font-size-base: 20px;
    --font-size-mobile-base: 18px;

    /* Typographic scales */
    --font-size-heading: 2.4rem;
    --font-size-subheading: 1.8rem;
    --font-size-paragraph: 1rem;
}

* {
    margin: 0;
    padding: 0;
    font-family: var(--font-family-primary);
}

html {
    font-size: var(--font-size-base);
}

@media (max-width: 767px) {
    html {
        font-size: var(--font-size-mobile-base);
    }
}


/*** COMMON CSS ****/
section {
    padding: 60px 0px;
}

.max-ch-30 {
    max-width: 30ch;
}

.max-ch-72 {
    margin: 0 auto;
    max-width: 72ch;
}

.max-ch-60 {
    margin: 0 auto;
    max-width: 60ch
}

.orange-head-text {
    color: var(--mid-orange);
}