/* ==========================================================================
   TOKENS DE MARCA — Azor Data
   Fuente: CONTEXTO-MARCA-AZORDATA.md v1.0 (2026)
   Variables centrales de color, tipografía y espaciado.
   Cambiar aquí = cambia en TODAS las landings del sistema.
   ========================================================================== */

:root {
  /* ---- Paleta oficial Azor Data ---- */
  --c-azul-profundo: #083B5E;  /* principal · fondos · headers (≈60% del diseño) */
  --c-azul-medio:    #3B637F;  /* fondos secundarios · secciones interiores */
  --c-azul-gris:     #819BAD;  /* neutros · texto secundario */
  --c-azul-claro:    #CED8DF;  /* fondos neutros · bordes suaves */
  --c-naranja-vivo:  #FF9B5D;  /* ACENTO / CTA únicamente · máx 20% del área */
  --c-naranja-suave: #F7C4A1;  /* ilustraciones · iconos decorativos */
  --c-blanco:        #FFFFFF;

  /* Derivados de apoyo (dentro de la familia de marca) */
  --c-azul-profundo-90: #0a4269;
  --c-azul-profundo-05: #f2f6f9;
  --c-naranja-hover:    #f5854a;
  --c-exito:            #1f8f6b;
  --c-texto:            #12222e; /* casi-negro azulado para cuerpo sobre blanco */
  --c-texto-suave:      #4a5b66;
  --c-linea:            #e2e8ed;

  /* ---- Roles semánticos (usar estos en los componentes) ---- */
  --bg:              var(--c-blanco);
  --bg-alt:          var(--c-azul-profundo-05);
  --bg-oscuro:       var(--c-azul-profundo);
  --bg-oscuro-2:     var(--c-azul-medio);
  --texto:           var(--c-texto);
  --texto-suave:     var(--c-texto-suave);
  --texto-inverso:   var(--c-blanco);
  --acento:          var(--c-naranja-vivo);
  --acento-hover:    var(--c-naranja-hover);
  --linea:           var(--c-linea);

  /* ---- Tipografía ---- */
  --font-titulo:  'Anton', 'Arial Narrow', sans-serif;   /* MAYÚSCULAS, títulos */
  --font-cuerpo:  'DM Sans', system-ui, -apple-system, sans-serif;
  --font-soporte: 'Roboto', system-ui, sans-serif;       /* captions, metadata, pies */

  /* Escala tipográfica */
  --fs-display: clamp(2.6rem, 6vw, 4.5rem);  /* héroes */
  --fs-h1:      clamp(2rem, 4.5vw, 3rem);
  --fs-h2:      clamp(1.6rem, 3.2vw, 2.3rem);
  --fs-h3:      clamp(1.15rem, 2vw, 1.4rem);
  --fs-lead:    clamp(1.05rem, 1.6vw, 1.25rem);
  --fs-body:    1rem;
  --fs-small:   0.875rem;
  --fs-caption: 0.78rem;

  --lh-titulo: 1.02;
  --lh-cuerpo: 1.6;

  /* ---- Espaciado (escala 4px) ---- */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4rem;
  --sp-9: 6rem;

  /* ---- Layout ---- */
  --ancho-max: 1200px;
  --ancho-texto: 68ch;
  --radio-s: 8px;
  --radio-m: 14px;
  --radio-l: 22px;
  --radio-full: 999px;

  /* ---- Sombras ---- */
  --sombra-s: 0 1px 3px rgba(8, 59, 94, 0.08);
  --sombra-m: 0 6px 22px rgba(8, 59, 94, 0.10);
  --sombra-l: 0 18px 48px rgba(8, 59, 94, 0.16);

  /* ---- Transiciones ---- */
  --trans: 180ms ease;
}