/* ─── Select — dark/light theme natif ────────────────────────────── */
select {
    color-scheme: dark;
    background-color: rgb(var(--color-surface));
    color: rgb(var(--color-text));
    cursor: pointer;
}
body.light-mode select {
    color-scheme: light;
    background-color: rgb(var(--color-surface));
    color: rgb(var(--color-text));
}
select option {
    background-color: rgb(5, 5, 5);
    color: rgb(255, 255, 255);
}
body.light-mode select option {
    background-color: rgb(255, 255, 255);
    color: rgb(26, 26, 26);
}

/* ─── Inputs & Textarea — bordure visible + glow au focus ─────────── */
input, textarea {
    border-color: rgba(var(--color-gold), 0.4) !important;
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
input:focus, textarea:focus, select:focus {
    outline: none !important;
    border-color: rgb(var(--color-gold)) !important;
    box-shadow: 0 0 0 3px rgba(var(--color-gold), 0.15) !important;
}