:root {
    --primary: #892025; /* Crimson Red */
    --primary-dark: #741419;
    --primary-light: #c55e63;
    --primary-hover: var(--primary-dark);
    --hover-rgb: 74, 74, 74;
    --primary-rgb: 137,32,37;
    --primary-dark-rgb: 116,20,25;
    --primary-light-rgb: 197,94,99;
    --secondary: #4a4a4a; /* Grey */
    --font: #FFF;
    --menu-bg: #000;
    --header-icons: var(--primary);
    /* Alternate Colors for Front Page icons */
    --alt-color-1: var(--primary);
    --alt-color-2: var(--secondary);
    --alt-color-3: var(--secondary);
    --alt-color-4: var(--primary);
}

.bg-brand {
    background-color: var(--secondary);
}

.form-floating > .form-control:focus ~ label {
    color: var(--secondary);
}

.mobile-menu li a {
    color: #FFF;
}

.mobile-down, .mobile-down::after {
    color: var(--dark-grey);
}

.header-img-effect {
    mix-blend-mode: unset;
    filter: brightness(0.4) grayscale(1);
}