/* ============================================================
   WAEG - Variables CSS Globales (Design Tokens)
   Fuente única de verdad para colores, radios, sombras, z-index.
   Importar ANTES que cualquier otro CSS del plugin.
   ============================================================ */

:root {
  /* ── Colores primarios ── */
  --waeg-primary:        #c41e3a;  /* Rojo principal */
  --waeg-primary-dark:   #8b0000;  /* Rojo oscuro (hover, bordes) */
  --waeg-primary-darker: #5a0202;  /* Rojo muy oscuro (active) */

  /* ── Colores de acento ── */
  --waeg-accent:         #ffd700;  /* Dorado (navbar hover) */
  --waeg-info:           #3498db;  /* Azul informativo */
  --waeg-success:        #27ae60;  /* Verde éxito */
  --waeg-danger:         #e74c3c;  /* Rojo alerta / badge */

  /* ── Neutrales ── */
  --waeg-black:          #000000;
  --waeg-dark:           #2c3e50;
  --waeg-gray-900:       #1a1a1a;
  --waeg-gray-800:       #2d2d2d;
  --waeg-gray-700:       #333333;
  --waeg-gray-600:       #555555;
  --waeg-gray-500:       #666666;
  --waeg-gray-400:       #999999;
  --waeg-gray-300:       #bbbbbb;
  --waeg-gray-200:       #e0e0e0;
  --waeg-gray-100:       #f1f1f1;
  --waeg-gray-50:        #f8f9fa;
  --waeg-white:          #ffffff;

  /* ── Border radius ── */
  --waeg-radius-sm:      4px;
  --waeg-radius-md:      8px;
  --waeg-radius-lg:      16px;
  --waeg-radius-xl:      33px;
  --waeg-radius-full:    50%;

  /* ── Transiciones ── */
  --waeg-transition-fast:   0.15s ease;
  --waeg-transition:        0.3s ease;
  --waeg-transition-slow:   0.5s ease;

  /* ── Sombras ── */
  --waeg-shadow-sm:      0 2px 8px rgba(0, 0, 0, 0.08);
  --waeg-shadow-md:      0 4px 12px rgba(0, 0, 0, 0.1);
  --waeg-shadow-lg:      0 4px 20px rgba(0, 0, 0, 0.15);
  --waeg-shadow-dark:    0 2px 8px rgba(0, 0, 0, 0.3);

  /* ── Z-index capas ── */
  --waeg-z-base:         1;
  --waeg-z-content:      2;
  --waeg-z-sidebar:      10;
  --waeg-z-header:       1000;
  --waeg-z-dropdown:     5000;
  --waeg-z-modal:        9999;
  --waeg-z-float:        9998;
  --waeg-z-overlay:      99999;

  /* ── Breakpoints (referencia, no usables en media queries) ── */
  /* Mobile:  <= 767px  */
  /* Tablet:  768px – 1024px */
  /* Desktop: >= 1025px */
}