/* Identidad Hogaresa · Manual de identidad corporativa v1.0 (octubre 2026).
   Única fuente de color y tipografía del sitio público. Las demás hojas usan
   estas variables; no agregar colores fuera de esta lista (manual, H-11). */
:root {
  --ease-out: cubic-bezier(.23, 1, .32, 1);
  --ease-drawer: cubic-bezier(.32, .72, 0, 1);
  /* Azules: confianza, noche tranquila y orden. */
  --azul-noche: #142342;      /* Logotipo, navegación, fondos institucionales, bloques de confianza */
  --azul-acero: #1e355e;      /* Texto principal, botón primario, pie de página, capa sobre foto */
  --azul-cielo: #dce6f1;      /* Recorrido familiar, botón secundario, tarjetas suaves, estados positivos */
  --azul-niebla: #eaf0f6;     /* Secciones alternas, formularios, fondos de apoyo */
  /* Blancos: limpieza, luz de altura y descanso (más de la mitad de cada pieza). */
  --blanco-hospedaje: #f5f7fa; /* Fondo principal y espacios de lectura */
  --blanco: #fff;              /* Superficie de tarjetas y texto sobre azul */
  /* Naranja: la luz encendida de la casa. Escaso a propósito: un acento por bloque. */
  --naranja: #ff4f12;         /* Estrellas, etiquetas, iconos destacados, botón destacado */
  --naranja-suave: #ffd6c7;   /* Solo promociones, avisos y errores */
  /* Grises de apoyo. */
  --gris-pizarra: #64748b;    /* Texto secundario */
  --gris-linea: #d8e0ea;      /* Bordes y separadores */

  /* Tipografía (manual, H-12): dos familias, dos oficios. */
  --fuente-emocion: 'Playfair Display Variable', Georgia, serif; /* Títulos, frases de marca, nombres de habitación, citas */
  --fuente-operacion: 'DM Sans Variable', Arial, sans-serif;     /* Navegación, párrafos, formularios, precios, botones, etiquetas */
}

/* Variantes de texto para legibilidad (decisión del cliente, auditoría de accesibilidad).
   Mismo tono que la paleta, más oscuras, solo para texto pequeño sobre fondos claros:
   Naranja #FF4F12 sobre Blanco Hospedaje da 3,1:1 y Gris Pizarra 4,4:1; el mínimo es 4,5:1. */
:root {
  --naranja-texto: #c2410c; /* 4,8:1 sobre Blanco Hospedaje */
  --gris-texto: #56667c;    /* 5,4:1 sobre Blanco Hospedaje, 4,6:1 sobre Azul Cielo */
}
/* Sobre azul oscuro el Naranja de marca sí cumple (4,7:1 sobre Azul Noche). */
:is(.hero, .social-topbar, .site-header, .announcement, .value-section, .corporate-section, .corporate-note,
    .site-footer, .legal-header, .legal-footer, .contact-aside-top, .rooms-essentials,
    .location-section, .legacy-language, .modal, .gallery-modal) {
  --naranja-texto: var(--naranja);
}

/* Foco visible con teclado en los campos que quitan el contorno por diseño. */
:is(.booking-form, .detail-booking-form, .contact-form, .site-form, .form-grid, .rooms-search-form)
  :is(input, select, textarea):focus-visible {
  outline: 2px solid var(--azul-acero);
  outline-offset: 2px;
}