/* ===== THEME: LIGHT / DARK via data-theme ===== */
:root {
    color-scheme: light;
    transition: background-color .2s ease, color .2s ease;
  }
  
  :root[data-theme="dark"] {
    color-scheme: dark;
  
    --bg:#0b1423;
    --text:#e6edf6;
    --muted:#a9b7cc;
  
    --navy-900:#0b1f3a;
    --navy-800:#112a4c;
    --navy-700:#18365e;
    --navy-600:#1e3f6e;
  
    --gold:#d6b24a;
    --gold-700:#c49c2f;
  
    --border:#24324b;
    --shadow:0 8px 24px rgba(0,0,0,.35);
  }
  
  /* Adattamenti globali in dark */
  :root[data-theme="dark"] body{
    background:var(--bg);
    color:var(--text);
  }
  :root[data-theme="dark"] .card,
  :root[data-theme="dark"] .notice,
  :root[data-theme="dark"] .table-wrap{
    background:#0f1b2f;
    border-color:var(--border);
  }
  :root[data-theme="dark"] thead th{
    background:#11213a;
    border-color:var(--border);
    color:#d7e4ff;
  }
  :root[data-theme="dark"] tbody td{border-color:var(--border);}
  :root[data-theme="dark"] tbody tr:hover td{background:#0c182b;}
  
  :root[data-theme="dark"] input,
  :root[data-theme="dark"] select,
  :root[data-theme="dark"] textarea{
    background:#0b1730;
    color:var(--text);
    border-color:#2a3a58;
  }
  :root[data-theme="dark"] input::placeholder,
  :root[data-theme="dark"] textarea::placeholder{color:#8aa0bf;}
  
  :root[data-theme="dark"] .btn--secondary{
    background:#0f1b2f;
    color:var(--text);
    border-color:var(--border);
  }
  :root[data-theme="dark"] .footer{
    background:#0f1b2f;
    color:#9fb0c5;
    border-top-color:var(--gold);
  }
  
  /* ---------- Alert ---------- */
  .alert{
    padding:14px 16px;
    border-radius:12px;
    border:1px solid;
    background:#fff;
    color:var(--text);
  }
  .alert--danger{background:#fdeaea;border-color:#f3c1c1;color:#842029}
  .alert--info{background:#e8f2ff;border-color:#bfd9ff;color:#084298}
  
  :root[data-theme="dark"] .alert{background:#0f1b2f;}
  :root[data-theme="dark"] .alert--danger{
    background:#3a1212;
    border-color:#6b1f1f;
    color:#ffd1d1;
  }
  :root[data-theme="dark"] .alert--info{
    background:#0f2b4a;
    border-color:#1f4a6b;
    color:#cde4ff;
  }
  
  /* ---------- Pill / chip ---------- */
  .pill{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:6px 10px;
    border-radius:999px;
    border:1px solid var(--border);
    background:#fff;
    color:var(--text);
    font-weight:600;
    font-size:.92rem;
  }
  .pill--ok{background:#edf9f2;border-color:#b7e4c7;color:#0f5132}
  .pill--no{background:#fdeaea;border-color:#f3c1c1;color:#842029}
  
  :root[data-theme="dark"] .pill{background:#0f1b2f;}
  
  /* ---------- Liste chiave → valore ---------- */
  .kv{
    display:grid;
    grid-template-columns:220px 1fr;
    gap:6px 12px;
  }
  .kv dt{
    font-weight:700;
    color:#30445f;
  }
  .kv dd{
    margin:0;
  }
  :root[data-theme="dark"] .kv dt{color:#d7e4ff;}
  
  /* ---------- Toggle tema ---------- */
  .theme-toggle{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 12px;
    border-radius:999px;
    border:1px solid var(--border);
    background:#fff;
    color:var(--text);
    cursor:pointer;
    font-weight:600;
  }
  :root[data-theme="dark"] .theme-toggle{background:#0f1b2f;}
  .theme-toggle .icon{font-size:1rem;line-height:1;}