/* SALCHI · Manual theme support across every screen.
   Loaded last so Claro/Oscuro wins over prefers-color-scheme. */

html[data-theme="light"] {
  color-scheme: light;
  --bg: #f8fafc;
  --card: #ffffff;
  --text: #0f172a;
  --muted: #475569;
  --line: #dbe3ec;
  --accent: #2563eb;
  --accent-dark: #1d4ed8;
}

html[data-theme="light"] body {
  background: #f8fafc !important;
  color: #0f172a !important;
}

html[data-theme="light"] .hero {
  background: #ffffff !important;
  border-bottom: 1px solid #e2e8f0 !important;
  color: #0f172a !important;
}

html[data-theme="light"] .hero p,
html[data-theme="light"] .hero .eyebrow {
  color: #475569 !important;
}

html[data-theme="light"] .card,
html[data-theme="light"] .admin-card {
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
  color: #0f172a !important;
}

html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: #cbd5e1 !important;
}

html[data-theme="light"] label,
html[data-theme="light"] .pin-help,
html[data-theme="light"] .admin-help,
html[data-theme="light"] .back-link,
html[data-theme="light"] .admin-link {
  color: #475569 !important;
}

html[data-theme="light"] .booking-card .selected-turno,
html[data-theme="light"] .booking-confirm-visual-card {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: #cbd5e1 !important;
  box-shadow: 0 10px 28px rgba(15,23,42,.10) !important;
}

html[data-theme="light"] .booking-card .selected-turno.is-empty {
  background: #f8fafc !important;
  color: transparent !important;
}

html[data-theme="light"] .booking-card .selected-turno.is-empty::after {
  color: #64748b !important;
}

html[data-theme="light"] .rule-banner,
html[data-theme="light"] .date-badge,
html[data-theme="light"] .slots-legend {
  background: #eff6ff !important;
  border-color: #bfdbfe !important;
  color: #1e3a8a !important;
}

html[data-theme="light"] .help-box {
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
  color: #475569 !important;
}

html[data-theme="light"] .help-box summary {
  color: #334155 !important;
}

html[data-theme="light"] .pin-action {
  background: #f8fbff !important;
  border-color: #c7d2fe !important;
  color: #1e3a8a !important;
}

html[data-theme="light"] .slot.is-free {
  background: #f4fbf8 !important;
  color: #0f172a !important;
}

html[data-theme="light"] .slot.is-selected {
  background: #eff6ff !important;
  color: #0f172a !important;
}

html[data-theme="light"] .slot.is-booked {
  background: #fff7ed !important;
  color: #0f172a !important;
}

html[data-theme="light"] .slot-home {
  color: #475569 !important;
}

html[data-theme="light"] .message {
  color: #475569;
}

html[data-theme="light"] .message-success {
  background: #ecfdf5 !important;
  color: #166534 !important;
}

html[data-theme="light"] .message-info {
  background: #eff6ff !important;
  color: #1e3a8a !important;
}

html[data-theme="light"] .message-error {
  background: #fff1f2 !important;
  color: #9f1239 !important;
}


/* Forced dark theme, independent of OS setting */

html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0b1220;
  --card: #111827;
  --text: #f1f5f9;
  --muted: #94a3b8;
  --line: #334155;
  --accent: #2563eb;
  --accent-dark: #1d4ed8;
}

html[data-theme="dark"] body {
  background: #0b1220 !important;
  color: #f1f5f9 !important;
}

html[data-theme="dark"] .hero {
  background: #0f172a !important;
  border-bottom: 1px solid #1e293b !important;
  color: #f1f5f9 !important;
}

html[data-theme="dark"] .hero p,
html[data-theme="dark"] .hero .eyebrow {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .card,
html[data-theme="dark"] .admin-card {
  background: #111827 !important;
  border-color: #334155 !important;
  color: #f1f5f9 !important;
}

html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea {
  background: #0f172a !important;
  border-color: #334155 !important;
  color: #f1f5f9 !important;
}

html[data-theme="dark"] label,
html[data-theme="dark"] .pin-help,
html[data-theme="dark"] .admin-help,
html[data-theme="dark"] .back-link,
html[data-theme="dark"] .admin-link {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .booking-card .selected-turno,
html[data-theme="dark"] .booking-confirm-visual-card {
  background: #182235 !important;
  border-color: #334155 !important;
  color: #f1f5f9 !important;
}

html[data-theme="dark"] .help-box {
  background: #0f172a !important;
  border-color: #334155 !important;
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .help-box summary {
  color: #e2e8f0 !important;
}

html[data-theme="dark"] .pin-action {
  background: #172554 !important;
  border-color: #1d4ed8 !important;
  color: #dbeafe !important;
}