/* Makeup by Dida: one design system for every page (home, booking, manage, success, admin).
   Change a colour here and it changes everywhere. Studio Classic palette: cream, chocolate, camel. */
:root{
  /* brand tokens */
  --cream:#F6F0E8; --card:#FFFCF8; --sand:#EFE6DA; --choc:#2A1D15; --choc2:#1E140E;
  --soft:#6F6157; --camel:#B98A5E; --camel2:#8A5F3C; --camel-lt:#E3BE93; --line:#E6DCCF;
  --ok:#3F7A4E; --danger:#B4473A;
  --serif:'Instrument Serif', Georgia, serif;
  --sans:'Instrument Sans', 'Helvetica Neue', Arial, sans-serif;
  --r-sm:12px; --r-md:20px; --r-pill:999px;
  --s1:8px; --s2:16px; --s3:24px; --s4:32px; --s5:48px; --s6:64px; --s7:96px;
  --shadow:0 24px 48px rgba(42,29,21,.08);
  --ease:cubic-bezier(.2,.8,.2,1);

  /* aliases used by the booking, manage, success and admin pages (old names, new colours) */
  --black:var(--cream); --panel:var(--card); --dark:var(--sand); --border:var(--line);
  --gold:var(--camel2); --gold2:#6E4A2E; --gold3:#6E4A2E;
  --muted:var(--soft); --light:#4A3B31; --white:var(--choc);
  color-scheme:light;
}
html{-webkit-text-size-adjust:100%}
body{background:var(--cream);color:var(--choc);font-family:var(--sans);-webkit-font-smoothing:antialiased}
:focus-visible{outline:2px solid var(--camel2);outline-offset:3px}
::selection{background:var(--camel-lt);color:var(--choc)}

/* shared components */
.d-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 26px;border-radius:var(--r-pill);background:var(--choc);color:var(--cream);font-family:var(--sans);font-weight:600;font-size:15px;text-decoration:none;border:0;cursor:pointer;transition:background .25s,transform .25s}
.d-btn:hover{background:var(--camel2);transform:translateY(-1px)}
.d-btn.ghost{background:transparent;color:var(--choc);box-shadow:inset 0 0 0 1px var(--choc)}
.d-btn.ghost:hover{background:var(--choc);color:var(--cream)}
.d-btn.camel{background:var(--camel);color:var(--choc)}
.d-eb{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--camel2)}
.d-logo{font-family:var(--serif);font-size:28px;text-decoration:none;color:var(--choc)}
@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Booking, manage, success and admin pages: bring their buttons and labels in line with the homepage */
.cta,.btn.solid,.page-btn{background:var(--choc)!important;color:var(--cream)!important;border-radius:var(--r-pill)!important;font-size:15px!important;letter-spacing:0!important;text-transform:none!important;font-weight:600!important;min-height:48px;transition:background .25s}
.cta:hover:not(:disabled),.btn.solid:hover,.page-btn:hover{background:var(--camel2)!important}
.cta:disabled{background:var(--line)!important;color:var(--soft)!important}
.btn{border-radius:var(--r-pill)}
.brand{font-family:var(--serif)}
label{letter-spacing:.1em}
input,select,textarea{font-family:var(--sans);font-size:16px;color:var(--choc);background:var(--card);border-radius:var(--r-sm)}
.svc,.loc-opt,.card,.box,.panel{border-radius:var(--r-md)}
.date,.time,.slot{border-radius:var(--r-pill)}
.d-logo{white-space:nowrap}