:root {
    --bg-color: #1a1515;         /* Marrone molto scuro / quasi nero */
    --panel-bg: #2b2323;         /* Sfondo per card e pannelli */
    --text-color: #fcfbf9;       /* Avorio / Crema */
    --text-muted: #a89f9f;
    --accent-gold: #c5a059;      /* Oro */
    --accent-gold-hover: #dfb66a;
    --border-color: #3d3232;
}

body {
    background-color: var(--bg-color);
    color: var(--text-color);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Stili Pannelli / Card */
.card {
    background-color: var(--panel-bg);
    color: var(--text-color);
    border: 1px solid var(--border-color);
}

/* Stili Testo */
.text-gold {
    color: var(--accent-gold) !important;
}

/* Stili Pulsanti */
.btn-gold {
    background-color: var(--accent-gold);
    color: #1a1515;
    font-weight: 600;
    border: none;
    transition: all 0.3s ease;
}

.btn-gold:hover {
    background-color: var(--accent-gold-hover);
    color: #1a1515;
}

/* Form Override Bootstrap */
.form-control, .form-select {
    background-color: var(--bg-color);
    color: var(--text-color);
    border: 1px solid var(--border-color);
}

.form-control:focus, .form-select:focus {
    background-color: var(--bg-color);
    color: var(--text-color);
    border-color: var(--accent-gold);
    box-shadow: 0 0 0 0.25rem rgba(197, 160, 89, 0.25);
}

/* Fix per autocomplete di Chrome in dark mode */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px var(--bg-color) inset !important;
    -webkit-text-fill-color: var(--text-color) !important;
}