/* =====================================================================
   TEMA GRAFICO — colori, carattere e angoli
   Cambia solo i valori dopo i due punti (es. #C85206).
   Le email usano --acc e --acc-fg di questo file.
   ===================================================================== */

@import url("fonts/roboto.css");   /* carattere ospitato sul server (nessuna richiesta a Google) */

:root {
  /* Colore principale: pulsanti, link, accenti */
  --acc:      #C85206;
  /* Testo sopra il colore principale */
  --acc-fg:   #ffffff;
  /* Secondo colore: sfumatura della barra in alto e della barra di avanzamento */
  --acc2:     #F39200;

  /* Piè di pagina */
  --foot-bg:  #3A4750;
  --foot-fg:  #ffffff;

  /* Sfondi, testi e bordi */
  --bg:       #f3f4f6;   /* sfondo pagina */
  --card:     #ffffff;   /* riquadri */
  --field:    #f8f9fa;   /* campi dei moduli */
  --fg:       #212529;   /* testo */
  --muted:    #5f6368;   /* testo secondario */
  --line:     #e2e5e9;   /* bordi */

  /* Arrotondamento degli angoli */
  --r:        6px;

  /* Carattere */
  --font:     'Roboto', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* ---------------------------------------------------------------------
   TEMA SCURO (usato se il dispositivo è in modalità scura).
   Per disattivarlo cancella tutto questo blocco.
   --------------------------------------------------------------------- */
@media (prefers-color-scheme: dark) {
  :root {
    --acc:     #F39200;
    --acc-fg:  #1a1a1a;
    --foot-bg: #0b0d10;
    --bg:      #121417;
    --card:    #1c1f24;
    --field:   #16191d;
    --fg:      #e8eaed;
    --muted:   #9aa0a6;
    --line:    #2e333a;
    --ok:#47cd89; --ok-bg:#0c2a1c; --err:#f97066; --err-bg:#3a1514; --warn:#fdb022; --warn-bg:#3a2a0c;
    --shadow:  none;
    color-scheme: dark;
  }
}