:root {
    --cms-primary: #FF7A00;
    --cms-complementary: #000000;
    --cms-tertiary: #BDBDBD;
    --font-primary: "Inter", sans-serif;
    --cms-font-h1: 48px;
    --cms-font-h2: 38px;
    --cms-font-h3: 28px;
    --cms-font-body: 17px;
    --cms-font-button: 16px;
    --cms-font-hero-text: 18px;
}

body, p, span, li, a { font-size: var(--cms-font-body); }
h1 { font-size: var(--cms-font-h1); }
h2 { font-size: var(--cms-font-h2); }
h3 { font-size: var(--cms-font-h3); }
.btn { font-size: var(--cms-font-button); }
.hero-overlay p { font-size: var(--cms-font-hero-text); }

.navbar.bg-dark,
footer.bg-dark {
    background-color: var(--cms-complementary) !important;
}

.btn-primary {
    background-color: var(--cms-primary);
    border-color: var(--cms-primary);
}

.text-primary {
    color: var(--cms-primary) !important;
}

a {
    color: var(--cms-primary);
}

.content-body h1,
.content-body h2,
.content-body h3 {
	color: var(--cms-primary) !important;
}