:root {
    --brand: #8b0000;
}

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

/* Card polish */
.card {
    border-radius: 14px;
}

/* Button polish */
.btn {
    border-radius: 10px;
}

/* DARK MODE – follows device setting */
@media (prefers-color-scheme: dark) {
    body {
        background-color: #121212;
    }

    .card {
        background-color: #1e1e1e;
        color: #f1f1f1;
        box-shadow: 0 10px 30px rgba(0,0,0,0.6);
    }

    .form-select,
    .modal-content {
        background-color: #2a2a2a;
        color: #f1f1f1;
        border-color: #444;
    }

    .form-select option {
        background-color: #2a2a2a;
    }
}