:root {
    /* Standard Branding Colors */
    --color-coal: #0D181C;
    --color-white: #FFFFFF;
    --color-haze: #DEE4EA;
    --color-gold: #F7AC38;
    --color-sunset: #F28A40;
    --color-olive: #589754;
    --color-mist: #E3E8ED;
    --color-cloud: #E9ECF1;
    --color-snow: #EBEFF4;
    --color-flame: #EF3A2D;

    /* Font variables */
    --font-family-primary: "Montserrat", "Inter", sans-serif;
    --font-family-secondary: "Montserrat", "Inter", sans-serif;
    --font-family-heading: "Montserrat", "Inter", sans-serif;
}

/* Font utility classes */
.font-primary {
    font-family: var(--font-family-primary);
}
.font-secondary {
    font-family: var(--font-family-secondary);
}
.font-heading {
    font-family: var(--font-family-heading);
}

/* Font family utilities - ensure everything uses the primary font */
body, html, button, input, select, textarea, 
h1, h2, h3, h4, h5, h6, p, span, div, a, label {
  font-family: var(--font-family-primary);
}

/* Border color utilities */
.border-coal {
  border-color: var(--color-coal);
}