/**
 * Shared theme variables for the whole site (public pages + admin).
 * Change colors and fonts here to update the look everywhere.
 */
:root {
  /* Primary (ocean teal) */
  --primary-color: #0f9d94;
  --primary-light: #45bfb8;
  --primary-dark: #0c7f78;

  /* Secondary (deep slate) */
  --secondary-color: #1f2f35;

  /* Neutrals */
  --accent-color: #f2fbfa;
  --text-dark: #223238;
  --text-light: #5a6f75;
  --border-color: #c9e4e2;
  --input-bg: #f7fcfc;
  --focus-ring: rgba(15, 157, 148, 0.25);

  /* Typography */
  --font-sans: "Manrope", "Segoe UI", system-ui, sans-serif;
  --font-display: "Playfair Display", "Times New Roman", serif;
  --font-fallback: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

/* Theme mapping for legacy gold/amber utility classes in booking/calendar UI */
.booking-theme .border-gold,
.date-picker-ui .border-gold {
  border-color: var(--primary-color) !important;
}

.booking-theme .hover\:border-gold:hover,
.date-picker-ui .hover\:border-gold:hover {
  border-color: var(--primary-color) !important;
}

.booking-theme .text-gold,
.date-picker-ui .text-gold {
  color: var(--primary-color) !important;
}

.booking-theme .hover\:text-gold-dark:hover,
.date-picker-ui .hover\:text-gold-dark:hover {
  color: var(--primary-dark) !important;
}

.booking-theme .bg-amber-50,
.booking-theme .bg-amber-50\/50,
.booking-theme .bg-amber-200,
.booking-theme .hover\:bg-amber-50:hover,
.booking-theme .hover\:bg-amber-50\/50:hover,
.date-picker-ui .bg-amber-50,
.date-picker-ui .bg-amber-50\/50,
.date-picker-ui .bg-amber-200,
.date-picker-ui .hover\:bg-amber-50:hover,
.date-picker-ui .hover\:bg-amber-50\/50:hover {
  background-color: var(--accent-color) !important;
}

.booking-theme .ring-gold\/50,
.date-picker-ui .ring-gold\/50 {
  --tw-ring-color: var(--focus-ring) !important;
  box-shadow: 0 0 0 1px var(--focus-ring) !important;
}