/* Colección Montés — Color
   Paleta profunda, apagada, natural. Nunca saturada ni brillante.
   Nunca blanco puro: usar Crema papel en su lugar. */

:root {
  /* ---- Núcleo de marca ---- */
  --verde-bosque: #024731;   /* Principal. Fondos, titulares, marca */
  --beige-arena:  #DAC9B5;   /* Secundario. Texto sobre verde, acentos */
  --crema-papel:  #F5F0E8;   /* Fondos editoriales, superficies neutras */
  --negro-profundo: #1a1a18; /* Fondo oscuro alternativo. Tono nocturno */

  /* ---- Derivados (tonos naturales, mismos matices) ---- */
  --verde-bosque-900: #01130d; /* casi negro verdoso, sombras de fondo */
  --verde-bosque-800: #01281b;
  --verde-bosque-700: #024731; /* = principal */
  --verde-bosque-600: #0a5a40;
  --beige-arena-300:  #ece3d6; /* beige aclarado, líneas suaves sobre crema */
  --beige-arena-700:  #b7a288; /* beige profundo, captions sobre crema */
  --crema-papel-200:  #fbf8f2; /* crema más clara, superficie elevada */
  --crema-papel-300:  #efe7da; /* crema sombreada, separaciones */

  /* ---- Colores por hotel ---- */
  --samana:     #4a7c59; /* Montés Samaná — verde selva */
  --puntabrava: #0a3d5c; /* Punta Brava — azul Pacífico */
  --watu:       #8c5e1a; /* Watú Kite House — arena Guajira */
  --puntabrava-amarillo: #e8c34a; /* línea amarilla, elemento gráfico PB */

  /* ====================================================== */
  /* Aliases semánticos                                      */
  /* ====================================================== */

  /* Superficies */
  --surface-brand:     var(--verde-bosque);    /* fondo verde de marca */
  --surface-night:     var(--negro-profundo);  /* fondo nocturno */
  --surface-editorial: var(--crema-papel);     /* fondo editorial claro */
  --surface-warm:      var(--beige-arena);      /* superficie cálida */
  --surface-raised:    var(--crema-papel-200);  /* tarjeta elevada sobre crema */

  /* Texto sobre fondo OSCURO (verde / negro) */
  --text-on-dark:        var(--crema-papel);
  --text-on-dark-muted:  var(--beige-arena);
  --text-on-dark-accent: var(--beige-arena);

  /* Texto sobre fondo CLARO (crema / beige) */
  --text-primary:   var(--verde-bosque);
  --text-secondary: #3a4a40;          /* verde grisáceo para cuerpo */
  --text-muted:     var(--beige-arena-700);
  --text-accent:    var(--verde-bosque-600);

  /* Líneas finas — elementos gráficos (0.5px verde o beige) */
  --hairline-on-dark:  rgba(218, 201, 181, 0.45); /* beige translúcido */
  --hairline-on-light: rgba(2, 71, 49, 0.28);     /* verde translúcido */
  --hairline-strong:   var(--verde-bosque);

  /* Overlays de protección sobre fotografía (siempre oscurecer antes de texto) */
  --overlay-photo:     rgba(8, 20, 14, 0.46);     /* velo verde-negro uniforme */
  --overlay-photo-top: linear-gradient(180deg, rgba(8,20,14,0.62) 0%, rgba(8,20,14,0.12) 38%, rgba(8,20,14,0.12) 62%, rgba(8,20,14,0.66) 100%); /* @kind color */
  --overlay-photo-bottom: linear-gradient(180deg, rgba(8,20,14,0) 35%, rgba(8,20,14,0.78) 100%); /* @kind color */
}