/* Light Theme Overrides */
html[data-theme="light"] {
  --color-gold: #D4AF37;
  --color-white: #FFFFFF;
  --color-black: #f8f8f8;
  --color-dark: #e8e8e8;
  --color-surface: #ffffff;
  --color-muted: #666666;
  
  /* Light theme specific */
  --color-dark-light: #efefef;
  --color-border: #d0d0d0;
  --color-text-primary: #1a1a1a;
  --color-text-secondary: #555555;
  --color-success: #059669;
  --color-danger: #dc2626;
  --color-warning: #d97706;
  --color-info: #2563eb;
}

html[data-theme="light"] body {
  background-color: var(--color-black);
  color: var(--color-text-primary);
}

html[data-theme="light"] nav {
  background: rgba(248, 248, 248, 0.9);
  border-bottom-color: var(--color-border);
}

html[data-theme="light"] .card {
  background-color: var(--color-surface);
  border-color: var(--color-border);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] .card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

html[data-theme="light"] input[type="text"],
html[data-theme="light"] input[type="email"],
html[data-theme="light"] input[type="password"],
html[data-theme="light"] input[type="number"],
html[data-theme="light"] input[type="date"],
html[data-theme="light"] textarea,
html[data-theme="light"] select {
  background-color: var(--color-white);
  border-color: var(--color-border);
  color: var(--color-text-primary);
}

html[data-theme="light"] input[type="text"]:focus,
html[data-theme="light"] input[type="email"]:focus,
html[data-theme="light"] input[type="password"]:focus,
html[data-theme="light"] input[type="number"]:focus,
html[data-theme="light"] input[type="date"]:focus,
html[data-theme="light"] textarea:focus,
html[data-theme="light"] select:focus {
  background-color: var(--color-white);
  border-color: var(--color-gold);
  box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.15);
}

html[data-theme="light"] .btn-secondary {
  background-color: var(--color-dark);
  color: var(--color-text-primary);
  border-color: var(--color-border);
}

html[data-theme="light"] .btn-secondary:hover {
  background-color: var(--color-dark-light);
  border-color: var(--color-gold);
}

/* Light theme for alert boxes */
html[data-theme="light"] .alert-success {
  background-color: rgba(5, 150, 105, 0.08);
  border-color: #059669;
  color: #047857;
}

html[data-theme="light"] .alert-danger {
  background-color: rgba(220, 38, 38, 0.08);
  border-color: #dc2626;
  color: #b91c1c;
}

html[data-theme="light"] .alert-warning {
  background-color: rgba(217, 119, 6, 0.08);
  border-color: #d97706;
  color: #b45309;
}

html[data-theme="light"] .alert-info {
  background-color: rgba(37, 99, 235, 0.08);
  border-color: #2563eb;
  color: #1d4ed8;
}

/* Light theme hero section specific styling */
html[data-theme="light"] .hero {
  background: linear-gradient(135deg, #f0ebe3 0%, #faf8f3 100%);
}

html[data-theme="light"] .hero video {
  opacity: 0.4 !important;
}

html[data-theme="light"] .hero-content h1 {
  color: var(--color-text-primary);
}

html[data-theme="light"] .hero-content p {
  color: var(--color-text-secondary);
}

/* Light theme search form */
html[data-theme="light"] .raynez-input-group {
  background: var(--color-white) !important;
  border-color: var(--color-border) !important;
  color: var(--color-text-primary) !important;
}

html[data-theme="light"] .raynez-input-group:focus-within {
  border-color: var(--color-gold) !important;
  background: var(--color-white) !important;
  box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.15);
}

html[data-theme="light"] .raynez-input-group:hover {
  border-color: rgba(212, 175, 55, 0.4);
}

html[data-theme="light"] select.raynez-input-group {
  color: var(--color-text-primary) !important;
}

/* Light theme room cards */
html[data-theme="light"] .raynez-room-card {
  background: var(--color-surface);
  border-color: var(--color-border);
}

html[data-theme="light"] .raynez-room-card:hover {
  border-color: var(--color-gold);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

html[data-theme="light"] .raynez-room-card h4 {
  color: var(--color-text-primary);
}

html[data-theme="light"] .raynez-room-card p {
  color: var(--color-text-secondary);
}

/* Light theme buttons */
html[data-theme="light"] .btn-primary {
  background-color: var(--color-gold);
  color: #000;
}

html[data-theme="light"] .btn-primary:hover {
  background-color: #e5c158;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.25);
}

html[data-theme="light"] .raynez-outer-nav-btn {
  background: rgba(248, 248, 248, 0.9);
  border-color: var(--color-border);
  color: var(--color-text-primary);
}

html[data-theme="light"] .raynez-outer-nav-btn:hover {
  background: var(--color-gold);
  color: #000;
  border-color: var(--color-gold);
}

/* Light theme media slider */
html[data-theme="light"] .raynez-media-slider {
  background: var(--color-dark-light) !important;
}

html[data-theme="light"] .raynez-inner-arrow {
  background: rgba(248, 248, 248, 0.9);
  border-color: var(--color-border);
  color: var(--color-text-primary);
}

html[data-theme="light"] .raynez-inner-arrow:hover {
  background: var(--color-gold);
  color: #000;
}

/* Light theme labeled sections */
html[data-theme="light"] section.dark {
  background: var(--color-black);
}

html[data-theme="light"] .raynez-date-input::-webkit-calendar-picker-indicator {
  filter: invert(30%) sepia(40%) saturate(400%) hue-rotate(10deg) brightness(100%) contrast(85%);
}