/* Minimal tweaks + brand helpers */
html {
    scroll-behavior: smooth;
}

:root {
    color-scheme: light dark;
    --brand: #d44d27;
    --brand-alt: #B55690;
    --brand-alt-light: #ffe6f9;
    --brand-light: #fff7e6;
    --brand-dark: #2e2e2e;
}

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

.bg-brand-alt {
    background-color: var(--brand-alt) !important;
}

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

.border-brand {
    border-color: var(--brand) !important;
}

.border-brand-alt {
    border-color: var(--brand-alt) !important;
}

.btn-brand {
    background-color: var(--brand) !important;
    color: var(--brand-light) !important;
}

.btn-brand:hover {
    background-color: var(--brand-alt) !important;
}

.badge-brand {
    background-color: var(--brand-alt-light) !important;
    color: var(--brand-dark) !important;
}

.focus-brand:focus {
    box-shadow: 0 0 0 3px var(--brand-alt) !important;
    outline: none;
}

.loading-spinner {
    display: none;
    border: 2px solid var(--brand-alt-light) !important;
    border-top: 2px solid var(--brand-dark) !important;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 1s linear infinite;
    margin-left: 8px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.form-success {
    background: linear-gradient(135deg, #10b981, #059669);
}

.form-error {
    background: linear-gradient(135deg, #ef4444, #dc2626);
}