/* ==========================================================
   variables.css — Sistema de diseño de OMNIA
   Identidad: oscuro, minimalista, acento Azul Maya.
   ========================================================== */

   :root {
    /* ----- Colores de marca ----- */
    --color-acento: #628af6;           /* Azul OMNIA (tono claro del logo) */
    --color-acento-oscuro: #2852b8;    /* Azul OMNIA (tono oscuro del logo) */
    --color-acento-suave: rgba(98, 138, 246, 0.12);
  
    /* ----- Fondos ----- */
    --color-fondo: #1a1a1a;            /* Gris carbón mate */
    --color-fondo-alterno: #202020;    /* Separa secciones sin romper el tono */
    --color-superficie: #262626;       /* Tarjetas y formularios */
  
    /* ----- Texto ----- */
    --color-texto: #e5e5e5;            /* Plata / blanco apagado */
    --color-texto-suave: #9a9a9a;
    --color-borde: #333333;
  
    /* ----- Estados ----- */
    --color-exito: #3ddc97;
    --color-error: #ff6b6b;
  
    /* ----- Tipografía ----- */
    --fuente-base: "Inter", system-ui, -apple-system, sans-serif;
    --peso-ligero: 300;
    --peso-normal: 400;
    --peso-fuerte: 600;
    --texto-sm: 0.875rem;
    --texto-base: 1rem;
    --texto-lg: 1.25rem;
    --texto-xl: 1.75rem;
    --texto-2xl: clamp(2.5rem, 7vw, 4.5rem);
    --espaciado-letras: 0.15em;        /* Títulos en mayúsculas */
  
    /* ----- Espaciado (escala de 8 px, amplio por estilo minimalista) ----- */
    --espacio-1: 0.5rem;
    --espacio-2: 1rem;
    --espacio-3: 1.5rem;
    --espacio-4: 2rem;
    --espacio-6: 3rem;
    --espacio-8: 4rem;
    --espacio-12: 6rem;
  
    /* ----- Formas y efectos ----- */
    --radio: 8px;
    --transicion: 200ms ease;
  
    /* ----- Layout ----- */
    --ancho-maximo: 1200px;
    --alto-encabezado: 72px;
  }