/*
 * NutriLift — Training Mode Theme
 * Applicato su body.mode-training.
 * NON sovrascrive --gradient-app per non alterare i colori dei pulsanti.
 * Cambia solo il background pagina e l'header.
 */

/* Sfondo pagina in training mode */
body.mode-training {
  background: #41644a;

  /*
   * Sovrascrive --gradient-app-start: usato da titoli, bordi card, underline, accent.
   * NON usato dai bottoni (ognuno ha la propria variabile gradient).
   */
  --gradient-app-start: #16a34a;
  --gradient-app-end:   #22c55e;

  /* Variabili accent training — usate da moduli.css e future sezioni training */
  --training-accent:        #22c55e;
  --training-accent-dark:   #16a34a;
  --training-accent-bg:     rgba(34, 197, 94, 0.10);
  --training-accent-border: rgba(34, 197, 94, 0.30);
  --shadow-brand-sm:        rgba(34, 197, 94, 0.15);
  --shadow-brand-md:        rgba(34, 197, 94, 0.30);
}

/* Header: sfondo verde scuro */
body.mode-training .header {
  backdrop-filter: blur(10px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35);
}

/* Titolo e sottotitolo nell'header */
body.mode-training .header h1 {
  color: #4ade80;
}