/* replicatED brand foundation — colors + fonts, per the brand manual.
   Loaded on every page alongside each template's own <style> block. */

:root {
    --color-accent: #D5654D;
    --color-accent-dark: #b8503f;
    --color-text: #252626;
    --color-bg: #FFFFFF;
    --color-surface: #FFFFFF;
}

body {
    font-family: 'Montserrat', Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: 700;
}

/* browsers don't let form controls inherit the page font by
   default — force it so buttons/inputs/selects match the rest
   of the site instead of falling back to the OS font */
button, input, select, textarea, optgroup {
    font-family: inherit;
}

/* full replicatED logo (icon + wordmark baked into one image) —
   used as-is everywhere so it's pixel-identical and uniform across
   every page */
.brand-logo {
    height: 100px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
}