/* =========================================================
   BarberDesk v0.5.2.4 – Global Contrast Fix
   Applies high-contrast rules across the whole BarberDesk UI.
   ========================================================= */
:root{
  --bd524-bg:#0f0f0f;
  --bd524-panel:#171614;
  --bd524-panel-2:#1f1d1a;
  --bd524-border:#44392e;
  --bd524-gold:#d39a3a;
  --bd524-gold-soft:#e8c277;
  --bd524-cream:#f4eee4;
  --bd524-muted:#b9afa3;
  --bd524-dark:#211d18;
  --bd524-dark-2:#3e372f;
}

/* Dark application shell */
html[data-industry="hair_salon"] body,
body.business-hair-salon{
  background:var(--bd524-bg)!important;
  color:var(--bd524-cream)!important;
}

/* Generic dark panels */
body.business-hair-salon .card,
body.business-hair-salon .panel,
body.business-hair-salon .stat-card,
body.business-hair-salon .booking-card,
body.business-hair-salon .customer-record,
body.business-hair-salon .search-wrap,
body.business-hair-salon .search-box,
body.business-hair-salon .empty-state,
html[data-industry="hair_salon"] .card,
html[data-industry="hair_salon"] .panel,
html[data-industry="hair_salon"] .stat-card,
html[data-industry="hair_salon"] .booking-card,
html[data-industry="hair_salon"] .customer-record,
html[data-industry="hair_salon"] .search-wrap,
html[data-industry="hair_salon"] .search-box,
html[data-industry="hair_salon"] .empty-state{
  background:var(--bd524-panel)!important;
  border-color:var(--bd524-border)!important;
  color:var(--bd524-cream)!important;
}

/* Calendar / day cards – dark by default */
body.business-hair-salon .calendar-card,
body.business-hair-salon .calendar-day,
body.business-hair-salon .day-card,
body.business-hair-salon .week-day,
body.business-hair-salon .month-day,
html[data-industry="hair_salon"] .calendar-card,
html[data-industry="hair_salon"] .calendar-day,
html[data-industry="hair_salon"] .day-card,
html[data-industry="hair_salon"] .week-day,
html[data-industry="hair_salon"] .month-day{
  background:#181715!important;
  border-color:#4a4035!important;
  color:#f5ecdf!important;
}

/* Weekend tint on dark base */
body.business-hair-salon .saturday,
body.business-hair-salon [data-weekday="6"],
html[data-industry="hair_salon"] .saturday,
html[data-industry="hair_salon"] [data-weekday="6"]{
  background:#2d281b!important;
  color:#fff3c7!important;
}
body.business-hair-salon .sunday,
body.business-hair-salon [data-weekday="0"],
html[data-industry="hair_salon"] .sunday,
html[data-industry="hair_salon"] [data-weekday="0"]{
  background:#2d2020!important;
  color:#ffdcdc!important;
}

/* Calendar text */
body.business-hair-salon .calendar-card *,
body.business-hair-salon .calendar-day *,
body.business-hair-salon .day-card *,
body.business-hair-salon .week-day *,
body.business-hair-salon .month-day *,
html[data-industry="hair_salon"] .calendar-card *,
html[data-industry="hair_salon"] .calendar-day *,
html[data-industry="hair_salon"] .day-card *,
html[data-industry="hair_salon"] .week-day *,
html[data-industry="hair_salon"] .month-day *{
  color:inherit!important;
}
body.business-hair-salon .calendar-card .muted,
body.business-hair-salon .calendar-day .muted,
body.business-hair-salon .day-card .muted,
html[data-industry="hair_salon"] .calendar-card .muted,
html[data-industry="hair_salon"] .calendar-day .muted,
html[data-industry="hair_salon"] .day-card .muted{
  color:#c9bfb2!important;
}

/* Inputs */
body.business-hair-salon input,
body.business-hair-salon select,
body.business-hair-salon textarea,
html[data-industry="hair_salon"] input,
html[data-industry="hair_salon"] select,
html[data-industry="hair_salon"] textarea{
  background:#151412!important;
  color:#fff8ee!important;
  border:1px solid #504437!important;
}
body.business-hair-salon input::placeholder,
body.business-hair-salon textarea::placeholder,
html[data-industry="hair_salon"] input::placeholder,
html[data-industry="hair_salon"] textarea::placeholder{
  color:#a79a8c!important;
  opacity:1!important;
}

/* Dark surface typography */
body.business-hair-salon h1,
body.business-hair-salon h2,
body.business-hair-salon h3,
html[data-industry="hair_salon"] h1,
html[data-industry="hair_salon"] h2,
html[data-industry="hair_salon"] h3{
  color:var(--bd524-gold-soft)!important;
}
body.business-hair-salon p,
body.business-hair-salon label,
body.business-hair-salon .muted,
html[data-industry="hair_salon"] p,
html[data-industry="hair_salon"] label,
html[data-industry="hair_salon"] .muted{
  color:var(--bd524-muted);
}

/* Runtime-detected light surfaces:
   text becomes deliberately dark so contrast is always readable */
body.business-hair-salon .bd0524-light-surface,
html[data-industry="hair_salon"] .bd0524-light-surface{
  color:var(--bd524-dark)!important;
  border-color:#b5a68f!important;
}
body.business-hair-salon .bd0524-light-surface h1,
body.business-hair-salon .bd0524-light-surface h2,
body.business-hair-salon .bd0524-light-surface h3,
body.business-hair-salon .bd0524-light-surface h4,
body.business-hair-salon .bd0524-light-surface p,
body.business-hair-salon .bd0524-light-surface span,
body.business-hair-salon .bd0524-light-surface strong,
body.business-hair-salon .bd0524-light-surface small,
body.business-hair-salon .bd0524-light-surface label,
body.business-hair-salon .bd0524-light-surface div,
html[data-industry="hair_salon"] .bd0524-light-surface h1,
html[data-industry="hair_salon"] .bd0524-light-surface h2,
html[data-industry="hair_salon"] .bd0524-light-surface h3,
html[data-industry="hair_salon"] .bd0524-light-surface h4,
html[data-industry="hair_salon"] .bd0524-light-surface p,
html[data-industry="hair_salon"] .bd0524-light-surface span,
html[data-industry="hair_salon"] .bd0524-light-surface strong,
html[data-industry="hair_salon"] .bd0524-light-surface small,
html[data-industry="hair_salon"] .bd0524-light-surface label,
html[data-industry="hair_salon"] .bd0524-light-surface div{
  color:var(--bd524-dark)!important;
}

/* Specific light-tint surfaces keep their tint, but get dark readable text */
body.business-hair-salon .bd0524-light-yellow,
html[data-industry="hair_salon"] .bd0524-light-yellow{
  background:#f3e5ad!important;
  color:#2a2319!important;
}
body.business-hair-salon .bd0524-light-pink,
html[data-industry="hair_salon"] .bd0524-light-pink{
  background:#efd0d0!important;
  color:#332020!important;
}
body.business-hair-salon .bd0524-light-neutral,
html[data-industry="hair_salon"] .bd0524-light-neutral{
  background:#e5ddd2!important;
  color:#26211b!important;
}

/* Dialogs remain light intentionally, but always with dark text */
body.business-hair-salon dialog,
html[data-industry="hair_salon"] dialog{
  background:#f0e6d8!important;
  color:#211d18!important;
}
body.business-hair-salon dialog *,
html[data-industry="hair_salon"] dialog *{
  color:#211d18!important;
}
body.business-hair-salon dialog .guide-tip,
html[data-industry="hair_salon"] dialog .guide-tip{
  background:#332d27!important;
  color:#fff8ed!important;
}
body.business-hair-salon dialog .guide-tip *,
html[data-industry="hair_salon"] dialog .guide-tip *{
  color:#fff8ed!important;
}

/* Buttons */
body.business-hair-salon .primary,
body.business-hair-salon button.primary,
html[data-industry="hair_salon"] .primary,
html[data-industry="hair_salon"] button.primary{
  background:linear-gradient(180deg,#d8a249,#bd8129)!important;
  color:#17120d!important;
}
body.business-hair-salon .secondary,
body.business-hair-salon button.secondary,
html[data-industry="hair_salon"] .secondary,
html[data-industry="hair_salon"] button.secondary{
  background:#2d2924!important;
  color:#fff3e3!important;
  border-color:#5b4c3b!important;
}

/* Badge/chip contrast */
body.business-hair-salon .badge,
body.business-hair-salon .chip,
html[data-industry="hair_salon"] .badge,
html[data-industry="hair_salon"] .chip{
  color:#fff5e7!important;
}
