/* =====================================================
   TEMA: Forest
   Verdes oscuros y tierra. Ideal para formaciones
   de naturaleza, sostenibilidad, salud o deporte.
===================================================== */
:root {
  /* Fondo y superficies */
  --bg:         #f0fdf4;
  --card:       #ffffff;
  --text:       #052e16;
  --muted:      #4b7c5e;
  --border:     #bbf7d0;
  --shadow:     0 12px 30px rgba(5,46,22,.10);

  /* Color de marca */
  --primary:      #16a34a;
  --primary-soft: #dcfce7;
  --primary-dark: #14532d;
  --accent:       #4ade80;

  /* Gradientes principales */
  --hero-gradient:       linear-gradient(135deg, #052e16 0%, #16a34a 100%);
  --login-gradient:      linear-gradient(160deg, #0d4f3c 0%, #22c55e 100%);
  --profile-gradient:    linear-gradient(135deg, #052e16 0%, #15803d 60%, #4ade80 100%);
  --cta-gradient:        linear-gradient(135deg, #052e16 0%, #16a34a 100%);
  --cta-gradient-hover:  linear-gradient(135deg, #021a0d 0%, #15803d 100%);
  --completion-gradient: linear-gradient(90deg,  #16a34a, #15803d);

  /* Barras de progreso */
  --progress-bg:           #bbf7d0;
  --progress-gradient:     linear-gradient(90deg, #4ade80, #16a34a);
  --progress-adv-gradient: linear-gradient(90deg, #86efac, #4ade80);

  /* Escenario interactivo */
  --scenario-hover-bg:      #dcfce7;
  --scenario-hover-border:  #16a34a;
  --scenario-hover-text:    #14532d;
  --scenario-correct-bg:    #d1fae5;
  --scenario-correct-border:#10b981;
  --scenario-correct-text:  #065f46;
  --scenario-wrong-bg:      #fee2e2;
  --scenario-wrong-border:  #ef4444;
  --scenario-wrong-text:    #7f1d1d;

  /* Panel de administración */
  --detail-bg:  #f0fdf4;
  --table-head: #f0fdf4;

  /* Navegación de examen */
  --exam-unlocked-border: #16a34a;
  --exam-unlocked-bg:     #dcfce7;
  --exam-active-border:   #16a34a;
  --exam-active-bg:       #bbf7d0;

  /* Milestone */
  --milestone-earned-border: #16a34a;
  --milestone-earned-bg:     #dcfce7;

  /* Logo de texto */
  --logo-gradient: linear-gradient(135deg, #16a34a 0%, #4ade80 100%);
}