/* Ohana Beach House - Baler
   Custom styles for production build
   Palette derived from Diguisit environment
*/

:root {
  --sand: #E8DDD2;
  --driftwood: #8B7355;
  --slate: #2E3A44;
  --palm: #3F5D4C;
  --coral: #D97A5C;
}

html { 
  scroll-behavior: smooth; 
}

body { 
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif; 
  background: #E8DDD2; 
  color: #2E3A44; 
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.font-display { 
  font-family: 'Fraunces', Georgia, serif; 
  font-variant-ligatures: common-ligatures;
}

/* Signature Element: Tidal SVG separator 
   Mimics the actual tide curve at Diguisit point */
.tide { 
  display: block; 
  width: 100%; 
  height: 80px; 
}

/* Booking widget - Flatpickr customization */
.flatpickr-calendar { 
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif; 
  border-radius: 12px; 
  box-shadow: 0 20px 40px rgba(46,58,68,.15);
  border: 1px solid rgba(46,58,68,0.08);
}

.flatpickr-day.selected {
  background: #2E3A44;
  border-color: #2E3A44;
}

.flatpickr-day.selected:hover {
  background: #2E3A44;
  border-color: #2E3A44;
}

/* Mobile optimizations */
@media (max-width: 768px) {
  .tide {
    height: 60px;
  }
}