/* ==========================================================================
   VARIABLES.CSS  ·  Tokens de diseño de Yuratours
   --------------------------------------------------------------------------
   Colores tomados del logo oficial (azul índigo #303078).
   Acento en AZUL CLARO. Tipografía escalada +20%.
   ========================================================================== */

:root {
  /* ----- Azul de marca (del logo) ----- */
  --azul-marca:    #303078;   /* EXACTO del logo · principal */
  --azul-profundo: #1E1E56;   /* versión oscura · fondos, footer */
  --azul:          #2F5AA8;   /* interactivo · enlaces, hover */
  --azul-vivo:     #3E7BD0;   /* acentos brillantes, degradados */
  --azul-claro:    #E7F1FB;   /* fondos suaves de sección */
  --azul-niebla:   #F2F7FC;   /* fondo alterno muy claro */

  /* ----- Acento en AZUL CLARO ----- */
  --sol:           #2E9BE0;   /* azul claro · CTA y acentos */
  --sol-oscuro:    #1E7CBF;   /* hover del acento */
  --coral:         #4FB0E6;   /* azul medio · detalles/degradados */
  --rosa:          #8FD0F2;   /* azul muy claro para degradados */
  --acento-claro:  #9BD4F5;   /* acento sobre fondos oscuros */

  /* ----- Neutros ----- */
  --tinta:      #191A2E;
  --gris:       #565A73;
  --gris-claro: #8B8FA6;
  --nube:       #FCFCFE;
  --blanco:     #FFFFFF;
  --borde:      #E6E7F0;

  /* ----- WhatsApp ----- */
  --whatsapp: #25D366;

  /* ----- Degradados reutilizables ----- */
  --grad-marca:     linear-gradient(135deg, #303078 0%, #3E7BD0 100%);
  --grad-atardecer: linear-gradient(135deg, #4FB0E6 0%, #2E7CC4 100%);
  --grad-cielo:     linear-gradient(180deg, #E7F1FB 0%, #9BD4F5 35%, #3E7BD0 70%, #303078 100%);

  /* ----- Tipografía (escalada +20%) ----- */
  --fuente-titulo: "Fraunces", Georgia, "Times New Roman", serif;
  --fuente-texto:  "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fuente-script: "Caveat", "Segoe Script", cursive;

  --texto-xs:  0.9rem;
  --texto-sm:  1.05rem;
  --texto-base: 1.2rem;
  --texto-lg:  1.35rem;
  --texto-xl:  clamp(1.5rem, 1.32rem + 0.72vw, 1.8rem);
  --texto-2xl: clamp(1.92rem, 1.56rem + 1.56vw, 2.7rem);
  --texto-3xl: clamp(2.4rem, 1.8rem + 2.88vw, 3.9rem);
  --texto-4xl: clamp(3.12rem, 2.04rem + 5.04vw, 5.7rem);

  --peso-normal:   400;
  --peso-medio:    500;
  --peso-semi:     600;
  --peso-negrita:  700;

  /* ----- Espaciados ----- */
  --esp-1: 0.25rem;  --esp-2: 0.5rem;   --esp-3: 0.75rem;
  --esp-4: 1rem;     --esp-6: 1.5rem;   --esp-8: 2rem;
  --esp-12: 3rem;    --esp-16: 4rem;    --esp-24: 6rem;

  --ancho-max: 1200px;
  --padding-lateral: clamp(1.25rem, 5vw, 4rem);

  /* ----- Bordes redondeados ----- */
  --radio-sm: 8px;  --radio: 16px;  --radio-lg: 26px;  --radio-full: 999px;

  /* ----- Sombras ----- */
  --sombra-sm: 0 2px 8px rgba(48, 48, 120, 0.08);
  --sombra:    0 10px 30px rgba(48, 48, 120, 0.12);
  --sombra-lg: 0 24px 60px rgba(48, 48, 120, 0.20);
  --sombra-sol: 0 12px 30px rgba(46, 155, 224, 0.35);

  /* ----- Transiciones ----- */
  --transicion: 200ms ease;
  --transicion-lenta: 500ms cubic-bezier(0.22, 1, 0.36, 1);
}