:root {
    --color-primary: #d10002;
    --color-secondary: #071b83;
    --color-accent1: #FEB933;
    --color-accent2: #b5b5b5;
    --color-accent3: #00F5F9;
    --text-color-dark: #333;
    --text-color-light: #f4f4f9;
}

/* Apply general styles */
body {
    font-family: 'Montserrat', sans-serif;
    background-color: #f4f4f9;
    color: var(--text-color-dark);
    margin: 0;
    padding: 0;
}

h1, h2, h3 {
    font-family: 'Montserrat', sans-serif;
    color: var(--color-primary);
}


/* Font Styles */
body, p, a, .branding-element a {
    font-family: 'Montserrat', sans-serif;
}

h1, h2, h3, .heading1-light, .heading2-light, .heading3-light,
.heading1-dark, .heading2-dark, .heading3-dark {
    font-family: 'Montserrat', sans-serif;
}

.paragraph-light, .paragraph-dark {
    font-size: 16pt;
}

.heading1-light {
    font-size: 36pt;
    font-weight: bold;
}

.heading2-light {
    font-size: 26pt;
    font-weight: semi-bold;
}

.heading3-light {
    font-size: 22pt;
    font-weight: medium;
}

.heading1-dark {
    font-size: 36pt;
    font-weight: bold;
}

.heading2-dark {
    font-size: 26pt;
    font-weight: semi-bold;
}

.heading3-dark {
    font-size: 22pt;
    font-weight: medium;
}

.paragraph-light {
    color: var(--text-dark);
}

.paragraph-dark {
    color: var(--text-light);
}

.heading1-light, .heading2-light, .heading3-light {
    color: var(--primary-color);
}

.heading1-dark, .heading2-dark, .heading3-dark {
    color: var(--text-light);
}

