/* ==========================================================================
   VARIABLES GLOBALES
   Todos los colores, espacios y fuentes en un solo lugar.
   Cambia aquí y se actualiza en TODO el proyecto.
   ========================================================================== */

:root {
  /* ====== Paleta Omenawi — modo claro ====== */

  /* Cielo / atmosfera */
  --color-azul-oscuro:    #1A1F36;   /* siempre oscuro (topbar, sidebar) */
  --color-azul-borde:     #2A2F4A;

  /* Tierra / cálidos */
  --color-crema:          #F2EDE4;   /* cal / piedra clara */

  /* Acción principal — jade */
  --color-verde:          #2F8F6B;
  --color-verde-hover:    #267A5C;

  /* Acción secundaria — gold */
  --color-amarillo:       #C9A44C;

  /* Estados */
  --color-rojo:           #B96E4F;   /* error — barro (armoniza con la paleta) */

  --color-blanco: #ffffff;

  /* ====== Bordes redondeados ====== */
  --radio-sm:      .6rem;
  --radio-md:      1rem;
  --radio-lg:      1.2rem;
  --radio-redondo: 50%;

  /* ====== Sombras ====== */
  --sombra-md:    0 .5rem 1.5rem rgba(0, 0, 0, 0.15);
  --sombra-modal: 0 2rem 6rem rgba(0, 0, 0, 0.35);
  --sombra-texto: 0 .2rem .6rem rgba(0, 0, 0, 0.9);

  /* ====== Z-index ====== */
  --z-topbar:  1000;
  --z-overlay: 1500;
  --z-sidebar: 2000;
  --z-modal:   3000;

  /* ====== Fuentes ====== */
  --fuente-titulos: "Playfair Display", serif;
  --fuente-texto:   "Lora", serif;

  /* ====== Transiciones comunes ====== */
  --transicion-rapida: 0.15s ease;
  --transicion-media:  0.25s ease;
  --transicion-lenta:  0.4s ease;

  /* ====== Colores de marca reutilizables ======
     Antes estaban hardcodeados (#1A4A3A, #2A6A50, #e74c3c) en varios archivos. */
  --verde-marca:        #1A4A3A;   /* fondo de topbar / sidebar / footer (modo claro) */
  --verde-marca-oscuro: #3AAF85;   /* jade brillante para botones en modo oscuro */
  --azul-noche:         #0F1722;   /* fondo de topbar / sidebar (modo oscuro) */
  --borde-verde:        #2A6A50;   /* borde verde de tarjetas, contenedores y login */
  --color-error:        #e74c3c;   /* mensajes de error de formularios */

  /* ====== Línea/degradado dorado ======
     Mismo degradado repetido ~10 veces. Centralizado aquí para que todas
     las líneas doradas (topbar, sidebar, footer, layout privado) coincidan. */
  --linea-oro-h: linear-gradient(
    to right,
    transparent 0%, #8B6914 25%, #C9A44C 38%,
    #FFE080 50%, #C9A44C 62%, #8B6914 75%, transparent 100%
  );
  --linea-oro-v: linear-gradient(
    to bottom,
    transparent 0%, #8B6914 25%, #C9A44C 38%,
    #FFE080 50%, #C9A44C 62%, #8B6914 75%, transparent 100%
  );
}