/* --- DEFINIZIONE VARIABILI (Default: Dark Mode) --- */
:root {
  --bg-color: #0b0e14;
  --card-bg: #1a1d24;
  --text-color: #e0e0e0;
  --input-bg: #212529;
  --border-color: #343a40;
  --accent-color: #258cfb;
  --nav-bg: #1a1d24;
}
/* --- VARIANTI LIGHT MODE (Full Orange / Industrial Alert) --- */
[data-bs-theme="light"] {
    --bg-color: #e67e22;       /* Arancione forte (sfondo principale) */
    --card-bg: #d35400;       /* Arancione bruciato/scuro per le card */
    --text-color: #2c1a0a;    /* Marrone quasi nero per il testo (contrasto massimo) */
    --input-bg: #f39c12;      /* Arancione "tuorlo" per i campi di input */
    --border-color: #ba4a00;  /* Bordi arancio scuro */
    --accent-color: #ffffff;  /* Unico tocco di bianco solo per icone/testi evidenziati */
    --nav-bg: #ca6f1e;        /* Navbar arancio intermedio */
}

/* Correzione per i campi di testo per evitare il bianco di default di Bootstrap */
[data-bs-theme="light"] .form-control, 
[data-bs-theme="light"] .form-select {
    background-color: var(--input-bg) !important;
    color: var(--text-color) !important;
    border: 1px solid var(--border-color) !important;
}

/* Placeholder più scuri per essere leggibili sull'arancione */
[data-bs-theme="light"] ::placeholder {
    color: #5e3c1a !important;
    opacity: 0.8;
}

/* Pulsanti che staccano sullo sfondo arancione */
[data-bs-theme="light"] .btn-primary {
    background-color: #2c1a0a !important;
    border-color: #2c1a0a !important;
    color: #e67e22 !important; /* Testo arancione su bottone scuro */
}

/* Link e testo info */
[data-bs-theme="light"] .text-info, 
[data-bs-theme="light"] .nav-link {
    color: #2c1a0a !important;
    font-weight: bold;
}
html {
  font-size: 16px;
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
  transition:
    background-color 0.3s ease,
    color 0.3s ease;
}

/* --- LAYOUT ELEMENTI --- */
main {
  background-color: var(--bg-color);
}

.navbar {
  background-color: var(--nav-bg) !important;
  border-bottom: 1px solid var(--border-color);
}

.card {
  background-color: var(--card-bg) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-color) !important;
}

/* --- FORM E IDENTITY --- */
.form-control {
  background-color: var(--input-bg) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-color) !important;
}

.form-control:focus {
  border-color: var(--accent-color) !important;
  box-shadow: 0 0 0 0.25rem rgba(37, 140, 251, 0.25);
}

.form-floating > label {
  color: #6c757d !important;
}

/* --- PULSANTI E LINK --- */
.btn-primary {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
}

a {
  color: var(--accent-color);
  text-decoration: none;
}

/* --- IDENTITY SPECIFIC --- */
/* Forza lo sfondo scuro/chiaro anche nelle pagine pregenerate */
.bg-white {
  background-color: var(--card-bg) !important;
}

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