/* ==========================================================================
   TEMA DEL MOTEL — único archivo que hay que editar para cambiar los colores
   --------------------------------------------------------------------------
   Este archivo se carga después de app.css y sobrescribe sus colores.
   Para un motel nuevo: copia la plantilla, cambia los valores de abajo y listo.
   ========================================================================== */

:root {
  /* --- Color principal oscuro ------------------------------------------
     Botones principales, menú al hacer scroll, pie de página, sección
     "Experiencias", numeración de pasos y velo oscuro sobre las fotos. */
  --night: #2a1033;
  --night-2: #3a1a45;      /* tarjetas sobre fondo oscuro (un poco más claro) */

  /* --- Color de acento (oro rosa) ----------------------------------------
     Botón "Reservar ahora", logo, palabra destacada del título principal,
     íconos sobre fondo oscuro, botón central de la barra móvil. */
  --gold: #e3a27c;
  --gold-2: #f2c9ae;       /* versión clara del acento (degradado del botón y texto destacado) */
  --gold-ink: #2a1018;     /* texto sobre el botón de acento (debe contrastar con --gold) */

  /* --- Color destacado ---------------------------------------------------
     Pequeños títulos sobre cada sección (ej. "HABITACIONES Y SUITES"),
     íconos de beneficios y amenidades, enlaces "Reservar ›". */
  --wine: #8a3b86;

  /* --- Fondos y textos ------------------------------------------------- */
  --bg: #fbf8fa;           /* fondo general de la página */
  --surface: #ffffff;      /* fondo de tarjetas */
  --soft: #f5eef3;         /* fondo de secciones alternas (tarifas, opiniones) */
  --line: #ebe0e8;         /* bordes y separadores */
  --ink: #221a26;          /* texto principal */
  --ink-2: #4a3f50;        /* texto secundario */
  --muted: #71667a;        /* texto atenuado */

  /* --- Estados (normalmente no es necesario cambiarlos) ------------------ */
  --star: #f5a524;         /* estrellas de valoración */
  --ok: #1f7a4d;           /* confirmaciones, "Disponible" */
  --warn: #a15c00;         /* tarifa alta */
  --danger: #b42318;       /* errores */

  /* --- Forma ------------------------------------------------------------- */
  --r: 18px;               /* redondeo de tarjetas medianas */
  --r-lg: 28px;            /* redondeo de tarjetas grandes */

  /* --- Tipografías --------------------------------------------------------
     Si cambias la fuente, actualiza también el enlace de Google Fonts
     en el <head> de cada página. */
  --font: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif;
  --serif: "Playfair Display", "Iowan Old Style", Georgia, serif;
}

/* ==========================================================================
   PALETAS DE EJEMPLO — copia una dentro de :root (arriba) para probarla
   ==========================================================================

   Ciruela y oro rosa (actual, Motel Rosas 2466)
     --night:#2a1033; --night-2:#3a1a45; --gold:#e3a27c; --gold-2:#f2c9ae; --gold-ink:#2a1018; --wine:#8a3b86;
     --bg:#fbf8fa; --soft:#f5eef3; --line:#ebe0e8; --ink:#221a26; --ink-2:#4a3f50; --muted:#71667a;

   Noche y oro
     --night:#0d0b0e; --night-2:#19151b; --gold:#d4b07a; --gold-2:#e8cf9f; --gold-ink:#2b1f0e; --wine:#8a1c3c;

   Rosa pasión
     --night:#2a0d1a; --night-2:#3a1426; --gold:#f2a7bf; --gold-2:#f8cdda; --gold-ink:#3b0d1e; --wine:#c2185b;
     --bg:#fdf8f9; --soft:#f8eef1; --line:#efdfe4;

   Azul medianoche
     --night:#0b1526; --night-2:#14213a; --gold:#7fc4f0; --gold-2:#b5defa; --gold-ink:#06223a; --wine:#1f5fa8;
     --bg:#f7f9fc; --soft:#edf2f8; --line:#dde5ef;

   Esmeralda
     --night:#0c1f1a; --night-2:#153029; --gold:#c9b37e; --gold-2:#e2d3a6; --gold-ink:#2a2210; --wine:#1f7a5c;
     --bg:#f8faf8; --soft:#eef3ef; --line:#dde6df;

   Púrpura neón
     --night:#140b24; --night-2:#211338; --gold:#e05cff; --gold-2:#f0a8ff; --gold-ink:#2a0838; --wine:#7b2fd1;
     --bg:#faf8fd; --soft:#f2edf9; --line:#e4dcf0;
*/
