/* Crimson brand overrides for the auth pages, layered over style.css. */
:root {
    --mgf-brand: #b11226;
    --mgf-brand-strong: #8e0e1e;
}

body {
    background-image: linear-gradient(135deg, #7c0d1a 0%, #b11226 55%, #d33a4b 100%);
    background-color: #7c0d1a;
}

.signup-content {
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
}

.form-title {
    color: var(--mgf-brand);
}

.form-input:focus {
    border: 1px solid var(--mgf-brand) !important;
    border-image-source: none !important;
    box-shadow: 0 0 0 3px rgba(177, 18, 38, 0.12);
}

.form-submit {
    background-image: linear-gradient(135deg, var(--mgf-brand-strong), var(--mgf-brand)) !important;
    transition: filter 150ms ease;
}
.form-submit:hover {
    filter: brightness(1.08);
}

.loginhere-link {
    color: var(--mgf-brand);
}
.loginhere-link:hover {
    color: var(--mgf-brand-strong);
}

input[type=checkbox]:not(old):checked + label > span:before {
    color: var(--mgf-brand);
}