/*
  Tema IGM Academy
  - Pensado para integrarse dentro de www.igmacademy.es.
  - Si la web usa Elementor/WordPress con variables globales, las aprovechamos automáticamente.
  - Si NO existen, se aplican los valores de fallback.

  Ajusta SOLO este fichero para cambiar el branding de toda la app.
*/

:root{
  /*
    Fallbacks tomados de la web (aprox):
    - Azul corporativo: #0F365F
    - Amarillo/Lima CTA: #CDE957
  */

  /* Variables globales típicas de Elementor / WordPress (si existen en la web madre) */
  --igm-primary:   var(--e-global-color-primary,   var(--wp--preset--color--primary,   #0F365F));
  --igm-secondary: var(--e-global-color-secondary, var(--wp--preset--color--secondary, #0EA5E9));
  --igm-text:      var(--e-global-color-text,      var(--wp--preset--color--foreground,#0B1220));

  /* Accent: lo usamos como "color UI" (botones, foco, highlights) */
  --igm-accent:    var(--e-global-color-accent,    var(--wp--preset--color--accent,    var(--igm-primary)));

  /* CTA (opcional) para botones tipo "Resevar / Nuevo" si quieres destacarlos en amarillo */
  --igm-cta:       var(--e-global-color-cta,       var(--wp--preset--color--cta,       #CDE957));

  /* Fondo / superficie */
  --bg:#f5f7fb;
  --bg-grad-start:#ffffff;
  --bg-grad-end:#eef3f8;

  --card:#ffffff;
  --card-rgb:255,255,255;
  --card-bg: rgba(255,255,255,.92);
  --topbar-bg: rgba(255,255,255,.88);

  /* Texto */
  --text: var(--igm-text);
  --text-rgb:11,18,32; /* fallback */
  --muted:#5a6b86;

  /* Marca */
  --accent: var(--igm-accent);
  /* Importante: se usa en rgba(var(--accent-rgb), ..) en app.css */
  --accent-rgb: 15,54,95; /* #0F365F */

  /* CTA */
  --cta: var(--igm-cta);
  --cta-rgb: 205,233,87; /* #CDE957 */

  /* Estados */
  --danger:#e11d48;
  --danger-rgb:225,29,72; /* fallback */

  /* Bordes / inputs */
  --border:#d4dde8;
  --input-bg:#f7f9fd;

  /* Sombra */
  --shadow: 0 20px 50px rgba(0,0,0,0.12);
}