:root {
  --color-primary: #295F6A;     /* teal header/footer/nav (wheeltravel.com.ar) */
  --color-primary-dark: #1f4750;
  --color-secondary: #5AC3C8;   /* teal claro: hover de nav, wrap del carousel promocional */
  --color-script: #306F72;      /* teal de los títulos script (Novedades/Nosotros/Contacto) */
  --color-accent: #E48A32;      /* naranja botón "Ingreso agencias" / dots del carousel */
  --color-accent-hover: #cf762a;
  --color-btn: #E68A35;         /* naranja botón Buscar del original */
  --color-accent-2: #F88C03;    /* naranja botón "Enviar" del formulario de contacto */
  --color-navy: #1B2032;        /* títulos de cards / gradiente overlay */
  --color-text: #33393D;        /* color de texto del body original */
  --color-gray: #5C6770;
  --color-whatsapp: #25d366;
  --color-white: #ffffff;
  --color-body-bg: #F9FAFC;
  --color-light: #f7f5f8;
  --color-border: #e3dde4;

  --font-body: 'Nunito', Helvetica, Arial, sans-serif;
  --font-heading: 'Nunito', sans-serif;
  --font-accent: 'Lato', sans-serif;   /* títulos script en itálica bold (no cursiva) */

  --header-height-desktop: 121px; /* topbar 52 + navbar 69 */
  --header-height-mobile: 69px;
  --radius-base: 4px;
  --radius-lg: 8px;
  --shadow-card: 0 0 8px 0.1px #808080;
  --transition-base: 0.3s ease-in-out;
}