:root {
    --primary-one: #13223F; /* Midnight */
    --primary-two: #EE6123; /* Tangerine */
    --primary-three: #FAF6ea; /* Rice */
    --secondary-one: #9fc2d9; /* Sky Blue */
    --secondary-two: #849DE7; /* Royal */
    --bs-font-family: 'Acumin Variable Concept', Arial, sans-serif;

    --logo-min-width: 95px;
    --logo-max-width: 95px;
}

@font-face {
    font-family: 'Acumin Variable Concept';
    src: url(Acumin-Variable-Concept.ttf);
}

html[data-site='TEST'] {
}

html[data-site='STELLAR'] {
}

html[data-site='ACCENT'] {
}

html {
    word-break: break-word;
    font-family: 'Acumin Variable Concept' !important;
}

body {
    font-family: 'Acumin Variable Concept' !important;
}

button {
    min-width: 100px !important;
}

.logo-dims {
    min-width: 95px !important;
    max-width: 95px !important;
    height: 100%;
}

.bg-one {
    background-color: var(--primary-one);
}

.bg-two {
    background-color: var(--primary-two);
}

.bg-three {
    background-color: var(--primary-three);
}

.btn-primary {
    --bs-btn-bg: var(--primary-one) !important;
}

.btn-secondary {
    --bs-btn-bg: var(--primary-two) !important;
}

.required:after, input[aria-required="true"]:after {
    content: ' *';
    color: red;
}