/*
 * Variabili del tema: colori, superfici, ombre.
 * La scala "slate" va dal testo più scuro (100) al più chiaro (600); gli
 * accenti "ice" sono le tonalità di blu usate per evidenziare.
 */
:root {
  /* testo */
  --slate-50: #16223c;
  --slate-100: #1f2a37;   /* testo primario */
  --slate-200: #334155;   /* testo secondario */
  --slate-300: #475569;   /* testo terziario */
  --slate-400: #8a97a8;   /* testo attenuato */
  --slate-500: #64748b;   /* etichette */
  --slate-600: #64748b;

  /* accenti */
  --ice-300: #2563eb;
  --ice-400: #2563eb;
  --ice-500: #1d4ed8;
  --ice-600: #1e40af;
  --blue: #4f46e5;
  --blue-dark: #1d4ed8;
  --primary: #4f46e5;
  --primary-600: #4338ca;
  --brand-1: #0e2746;
  --brand-2: #0b1f39;

  /* stati (usati anche negli stili in linea generati dal codice) */
  --emerald: #10b981;
  --amber: #f59e0b;
  --rose: #f43f5e;
  --green: #16a34a;
  --red: #dc2626;

  /* superfici e bordi */
  --glass: #ffffff;
  --glass-border: rgba(15,23,42,0.09);
  --glass-border-strong: rgba(15,23,42,0.14);

  /* ombre */
  --shadow-sm: 0 1px 2px rgba(16,24,40,0.05), 0 1px 3px rgba(16,24,40,0.07);
  --shadow-md: 0 6px 18px rgba(16,24,40,0.08);
  --shadow-lg: 0 18px 44px rgba(16,24,40,0.12);

  /* token semantici */
  --superficie: #ffffff;
  --superficie-tenue: #f8fafc;
  --testo-inverso: #ffffff;
  --testo-tenue: var(--slate-500);
  --informazione: #2563eb;
  --successo: #15803d;
  --successo-vivo: #059669;
  --attenzione: #b45309;
  --pericolo: #e11d48;
  --pericolo-sfondo: #fdecec;
  --pericolo-sfondo-hover: #fbd5d5;
}