html[data-theme="light"] {
  --bg:#f7f4ee;
  --panel:#fff;
  --panel2:#f2ede5;
  --ink:#241f19;
  --muted:#645b51;
  --line:#d2c6b5;
  --gold2:#805217;
  --ok:#28673f;
  --danger:#962b2b;
}
html[data-theme="light"] .account-intro {color:#f8f2e8}
html[data-theme="light"] .account-intro p {color:#d9cfc2}
html[data-theme="light"]{color-scheme:light}
html[data-theme="light"],
html[data-theme="light"] body,
html[data-theme="light"] main{
  background:#f7f4ee;
  color:#241f19;
}
html[data-theme="light"] .top{
  --ink:#241f19;
  --muted:#6f665a;
  --line:#d2c6b5;
  --gold2:#8a5d1b;
  --panel:#fff;
  background:rgba(247,244,238,.96);
  border-bottom-color:#d8cdbd;
  box-shadow:0 8px 28px rgba(63,46,24,.08);
}
html[data-theme="light"] .top nav a,
html[data-theme="light"] .top .account-greeting{
  color:#5e554a;
}
html[data-theme="light"] .top nav a:hover,
html[data-theme="light"] .top .account-greeting{
  color:#855a1b;
}
html[data-theme="light"] .top .btn{
  background:#fff;
  border-color:#cfc2b0;
  color:#2b251e;
  box-shadow:0 3px 12px rgba(63,46,24,.06);
}
html[data-theme="light"] .top .btn:hover,
html[data-theme="light"] .top .btn:focus-visible{
  background:#f3eadc;
  border-color:#a97b36;
  color:#201b15;
}
html[data-theme="light"] .hero{
  --ink:#241f19;
  --muted:#6e655b;
  --line:#d7c9b4;
  --gold2:#91601a;
  --panel:#fff;
  color:#241f19;
}
html[data-theme="light"] .hero::before{
  background:
    radial-gradient(900px 550px at 82% 0,rgba(218,184,125,.34),transparent 70%),
    linear-gradient(180deg,#fbf8f2,#f2ebdf);
}
html[data-theme="light"] .hero h1,
html[data-theme="light"] .hero p,
html[data-theme="light"] .hero .sub{
  color:#241f19;
}
html[data-theme="light"] .hero h1 span,
html[data-theme="light"] .hero .eyebrow{
  color:#93621c;
}
html[data-theme="light"] .hero .btn:not(.gold){
  background:#fff;
  border-color:#cfc0aa;
  color:#2b251e;
}
html[data-theme="light"] .hero .chip{
  background:rgba(255,255,255,.72);
  border-color:#d6c7b0;
  color:#6e4a17;
}
html[data-theme="light"] .hero-visual .floating,
html[data-theme="light"] .hero-visual .floating strong{
  color:#f8f2e8;
}
html[data-theme="light"] .hero-visual .floating .sub{
  color:#c8bfb3;
}
html[data-theme="light"] main > .section{
  background:transparent;
  color:#252019;
}

html[data-theme="light"] #clientAccountGate{
  --ink:#241f19;
  --muted:#71685e;
  --line:#d8cfc2;
  --gold2:#91601a;
  background:radial-gradient(800px 500px at 80% 0,#ddc89f55,transparent 65%),#f7f4ee;
}
html[data-theme="light"] #clientAccountGate .account-card{
  color:#241f19;
  background:#fff;
  border-color:#cbb991;
  box-shadow:0 28px 90px rgba(72,52,25,.18);
}
html[data-theme="light"] #clientAccountGate .account-form:not([hidden]),
html[data-theme="light"] #clientAccountGate .account-form h2,
html[data-theme="light"] #clientAccountGate .account-form .form-title{
  color:#241f19;
}
html[data-theme="light"] #clientAccountGate .account-form label,
html[data-theme="light"] #clientAccountGate .account-form .account-privacy,
html[data-theme="light"] #clientAccountGate .account-form .sub,
html[data-theme="light"] #clientAccountGate .account-form .password-help{
  color:#71685e;
}
html[data-theme="light"] #clientAccountGate .account-mode-switch{
  background:#f1eadf;
}
html[data-theme="light"] #clientAccountGate .account-mode-button:not(.active){
  color:#62594e;
}
html[data-theme="light"] #clientAccountGate .account-form input:not([type="checkbox"]){
  color-scheme:light;
  background:#fff;
  border-color:#cfc3b3;
  color:#241f19;
  -webkit-text-fill-color:#241f19;
  caret-color:#8b5d1a;
}
html[data-theme="light"] #clientAccountGate .account-form input:-webkit-autofill,
html[data-theme="light"] #clientAccountGate .account-form input:-webkit-autofill:hover,
html[data-theme="light"] #clientAccountGate .account-form input:-webkit-autofill:focus,
html[data-theme="light"] #clientAccountGate .account-form input:-webkit-autofill:active{
  -webkit-box-shadow:0 0 0 1000px #fff inset!important;
  box-shadow:0 0 0 1000px #fff inset!important;
  -webkit-text-fill-color:#241f19!important;
  color:#241f19!important;
  caret-color:#8b5d1a!important;
  border-color:#b6935e!important;
  background-color:#fff!important;
}
html[data-theme="light"] #clientAccountGate .account-form .btn:not(.gold){
  color:#2b251e;
  background:#f7f1e8;
  border-color:#cfc2b0;
}

html[data-theme="light"] #clientAppointmentsModal{
  --ink:#241f19;
  --muted:#71685e;
  --line:#d8cfc2;
  --gold2:#8a5d1b;
}
html[data-theme="light"] #clientAppointmentsModal .client-appointments-card{
  background:#fff;
  color:#241f19;
  border-color:#cbb991;
}
html[data-theme="light"] #clientAppointmentsModal .client-appointments-head h2{
  color:#241f19!important;
}
html[data-theme="light"] #clientAppointmentsModal #closeClientAppointments{
  color:#2b251e;
  background:#f7f1e8;
  border-color:#cfc2b0;
}
html[data-theme="light"] #clientAppointmentsModal .client-appointment{
  background:#fbf8f3;
  color:#241f19;
}
html[data-theme="light"] #clientAppointmentsModal .client-appointment.cancelled{
  background:#fff1ee;
  border-color:#d7a49a;
}
html[data-theme="light"] #clientAppointmentsModal .client-appointment-status{
  background:#efe2cb;
  color:#765019;
}
html[data-theme="light"] #clientAppointmentsModal .client-appointment.cancelled .client-appointment-status{
  background:#f3d1ca;
  color:#8b2f24;
}
@media(max-width:560px){
  html[data-theme="light"] .hero::before{
    background:radial-gradient(650px 400px at 95% 0,rgba(218,184,125,.34),transparent 75%),#f6f0e6;
  }
  html[data-theme="light"] .top .nav{align-items:flex-start}
  html[data-theme="light"] .top .client-account{padding-top:2px}
}

html[data-theme="light"] .client-cancel-alert{background:#fff7e8;color:#542617}
html[data-theme="light"] .client-cancel-alert strong{color:#6b321c}
.site-tools{display:flex;gap:8px;align-items:center}
.site-tools [hidden],a[data-shop-whatsapp][hidden]{display:none!important}
@media(max-width:720px){
  .top .nav{flex-wrap:wrap;gap:8px;padding:10px 0}
  .top .brand{min-width:0}
  .site-tools .btn,.top .client-account .btn{padding:7px 9px}
}

@media(max-width:720px){
  .account-gate{align-items:start}
  .account-card{max-height:none}
  .top .client-account{min-width:0;flex-wrap:wrap}
}

html[data-theme="light"] #clientAccountGate .account-form .theme-toggle{
  color:#342719;
  background:#fff;
}
html[data-theme="light"] .section .notice{background:#fff7e8;color:#5b3c14}
html[data-theme="light"] .section .card,
html[data-theme="light"] .section .panel,
html[data-theme="light"] .section .barber-card,
html[data-theme="light"] .section .pay-option{
  background:var(--panel);
  color:var(--ink);
}
html[data-theme="light"] .section .barber-card.active,
html[data-theme="light"] .section .pay-option.active{background:#f8eed9;border-color:#a98549}
html[data-theme="light"] .section .field,
html[data-theme="light"] .section select,
html[data-theme="light"] .section textarea{
  color-scheme:light;
  color:var(--ink);
  background:var(--panel);
}
html[data-theme="light"] .section input[type="date"]::-webkit-calendar-picker-indicator{filter:none}