/* ============================================================
   theme-light.css — Tema CLARO
   Solo variables. No agregar estilos concretos.
   ============================================================ */
:root,
[data-theme="light"] {

  /* ---------- Fondos ---------- */
  --app-bg-1:        #f6f8fb;
  --app-bg-2:        #eef2f8;
  --app-bg-elevated: #ffffff;
  --app-card:        #ffffff;
  --app-card-hover:  #f4f7fc;

  /* ---------- Bordes ---------- */
  --app-border:      #e1e6ef;
  --app-divider:     #e8edf5;

  /* ---------- Texto ---------- */
  --app-text:        #1a2942;
  --app-text-muted:  #6b7a92;
  --app-heading:     #0f1b2d;

  /* ---------- Acento verde lima (más oscuro para contraste) ---------- */
  --app-accent:        #a3d12f;
  --app-accent-hover:  #b8e340;
  --app-accent-dark:   #8bb022;
  --app-accent-soft:   rgba(163, 209, 47, .12);
  --app-accent-shadow: rgba(163, 209, 47, .25);

  /* ---------- Primario (naranja) ---------- */
  --app-primary:        #ff6b35;
  --app-primary-hover:  #ff8459;
  --app-primary-dark:   #d94e1f;
  --app-primary-soft:   rgba(255, 107, 53, .12);

  /* ---------- Semánticos ---------- */
  --app-danger:  #e53935;
  --app-warning: #ffa000;
  --app-success: #43a047;

  /* ---------- Inputs / overlays ---------- */
  --app-input-bg:  #ffffff;
  --app-overlay:   rgba(255, 255, 255, .98);

  /* ---------- Sombras ---------- */
  --app-shadow-card:  0 4px 20px rgba(15, 27, 45, .08);
  --app-shadow-hover: 0 8px 28px rgba(163, 209, 47, .18);

  /* ---------- Radios ---------- */
  --app-radius:      16px;
  --app-radius-sm:   10px;
  --app-radius-lg:   22px;
  --app-radius-pill: 50px;

  /* ---------- Tipografía ---------- */
  --app-font:     'Montserrat', 'Nunito', sans-serif;
  --app-font-alt: 'Raleway', sans-serif;

  /* ---------- Bootstrap 5 override ---------- */
  --bs-body-bg:      var(--app-bg-1);
  --bs-body-color:   var(--app-text);
  --bs-border-color: var(--app-border);
}