@font-face{font-family:Nevera;src:url('../fonts/brand/Nevera-Regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap;}
:root{--my-pink-50:#fbf6f5;--my-pink-100:#f7ebe9;--my-pink-200:#f0dcd8;--my-pink-300:#e5c3bc;--my-pink-400:#d59f94;--my-pink-500:#ca8e82;--my-pink-600:#ad6455;--my-pink-700:#905245;--my-pink-800:#78463c;--my-pink-900:#663e36;--my-pink-950:#361e19;}
/* Harmony — shared palette for Salon and Academy. Loaded last, after page styles. */
:root {
 --harmony-accent:#ad6455; --harmony-sand:#e5c3bc; --harmony-ink:#663e36; --harmony-paper:#fbf6f5;
 --harmony-muted:#905245; --harmony-line:rgba(102,62,54,.18);
 --gold:var(--harmony-accent)!important; --black:var(--harmony-ink)!important;
 --ivory:var(--harmony-paper)!important; --muted:var(--harmony-muted)!important; --line:var(--harmony-line)!important;
 --ad-original-gold:var(--harmony-accent); --ad-original-ink:var(--harmony-ink); --ad-original-paper:var(--harmony-paper);
}

html:root:root:root:root body {background-color:var(--harmony-paper)!important;color:var(--harmony-ink)!important;}

html:root:root:root:root body ::selection {background:var(--harmony-sand);color:var(--harmony-ink);}

html:root:root:root:root body :where(h1,h2,h3,h4,h5,h6) {color:var(--harmony-ink);}

html:root:root:root:root body :where(a) {color:var(--harmony-accent);}

html:root:root:root:root body :where(.eyebrow,.section-kicker,.kicker,.brand span,.premium-brand span) {color:var(--harmony-accent)!important;}

html:root:root:root:root body :where(.premium-nav .nav,.site-header .nav,.academy-nav .nav) {background:rgba(251,246,245,.94)!important;border-color:var(--harmony-line)!important;}

html:root:root:root:root body :where(.premium-menu a,.menu a,.profile-parent) {color:var(--harmony-ink)!important;}

html:root:root:root:root body :where(.premium-menu a:hover,.menu a:hover,.menu a[aria-current="page"]) {background:var(--harmony-sand)!important;color:var(--harmony-ink)!important;}

html:root:root:root:root body :where(.site-footer,footer.site-footer,.academy-footer,.salon-admin-side) {background:var(--harmony-ink)!important;color:var(--harmony-paper)!important;}

html:root:root:root:root body :where(.site-footer a,.site-footer p,.site-footer h2,.site-footer h3,.academy-footer a,.academy-footer p,.salon-admin-side h2,.salon-admin-side p,.salon-admin-side a) {color:var(--harmony-paper)!important;}

html:root:root:root:root body :where(.site-footer a:hover,.academy-footer a:hover) {color:var(--harmony-sand)!important;}

html:root:root:root:root body :where(.salon-admin-side nav a:hover,.salon-admin-side nav a.active) {background:var(--harmony-sand)!important;color:var(--harmony-ink)!important;}

html:root:root:root:root body :where(.hero-card,.auth-card,.auth-panel,.recovery-card,.modal-panel,.auth-modal-panel,.salon-admin-card,dialog) {border-color:var(--harmony-line)!important;}

html:root:root:root:root body :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="hidden"]),textarea,select) {background-color:var(--harmony-paper);color:var(--harmony-ink);border-color:var(--harmony-line);}

html:root:root:root:root body :where(input,textarea,select):focus-visible {outline:2px solid var(--harmony-accent);outline-offset:3px;}
/* Swatches are real nail colours; do not replace their selected colour with the UI theme. */
html:root:root:root:root body button:not(.color-swatch):not(.pattern-swatch):not(.salon-calendar-event),
html:root:root:root:root body input[type="submit"],
html:root:root:root:root body input[type="button"],
html:root:root:root:root body input[type="reset"],
html:root:root:root:root body [role="button"]:not(.color-swatch):not(.pattern-swatch),
html:root:root:root:root body a.btn,
html:root:root:root:root body a[class*="btn-"],
html:root:root:root:root body a[class*="-btn"],
html:root:root:root:root body a.nav-cta,
html:root:root:root:root body a.to-top,
html:root:root:root:root body a.secondary,
html:root:root:root:root body .btn,
html:root:root:root:root body .btn-gold,
html:root:root:root:root body .btn-primary,
html:root:root:root:root body .btn-secondary,
html:root:root:root:root body .btn-auth-secondary,
html:root:root:root:root body .btn-reset-premium,
html:root:root:root:root body .nav-cta {
 background:var(--harmony-accent)!important;color:var(--harmony-paper)!important;
 border-color:var(--harmony-accent)!important;
 transition:background-color .2s ease,color .2s ease,border-color .2s ease!important;
}

html:root:root:root:root body button:not(.color-swatch):not(.pattern-swatch):not(.salon-calendar-event):hover,
html:root:root:root:root body input[type="submit"]:hover,
html:root:root:root:root body input[type="button"]:hover,
html:root:root:root:root body input[type="reset"]:hover,
html:root:root:root:root body [role="button"]:not(.color-swatch):not(.pattern-swatch):hover,
html:root:root:root:root body a.btn:hover,
html:root:root:root:root body a[class*="btn-"]:hover,
html:root:root:root:root body a[class*="-btn"]:hover,
html:root:root:root:root body a.nav-cta:hover,
html:root:root:root:root body a.to-top:hover,
html:root:root:root:root body a.secondary:hover,
html:root:root:root:root body .btn:hover,
html:root:root:root:root body .btn-gold:hover,
html:root:root:root:root body .btn-primary:hover,
html:root:root:root:root body .btn-secondary:hover,
html:root:root:root:root body .btn-auth-secondary:hover,
html:root:root:root:root body .btn-reset-premium:hover,
html:root:root:root:root body .nav-cta:hover {
 background:var(--harmony-sand)!important;color:var(--harmony-ink)!important;
 border-color:var(--harmony-ink)!important;filter:none!important;
}
/* Cancel animated lift/scale, leaving resting positioning and JS functionality intact. */
html:root:root:root:root body button:hover,
html:root:root:root:root body input[type="submit"]:hover,
html:root:root:root:root body input[type="button"]:hover,
html:root:root:root:root body input[type="reset"]:hover,
html:root:root:root:root body [role="button"]:hover,
html:root:root:root:root body a.btn:hover,
html:root:root:root:root body a[class*="btn-"]:hover,
html:root:root:root:root body a[class*="-btn"]:hover,
html:root:root:root:root body .btn:hover,
html:root:root:root:root body .nav-cta:hover,
html:root:root:root:root body .to-top:hover {
 translate:none!important;scale:none!important;animation:none!important;
}

html:root:root:root:root body :where(button,.btn,[role="button"],.nav-cta):focus-visible {outline:2px solid var(--harmony-ink);outline-offset:4px;}

html:root:root:root:root body :where(button,.btn,input[type="submit"]):disabled {opacity:.55;cursor:not-allowed;}

html:root:root:root:root body :where(.btn,.btn-auth-secondary,.btn-reset-premium,.nav-cta)::before,
html:root:root:root:root body :where(.btn,.btn-auth-secondary,.btn-reset-premium,.nav-cta)::after {transition:none!important;}

html:root:root:root:root body :where(.salon-calendar-event) {background:rgba(173,100,85,.18)!important;color:var(--harmony-ink)!important;border-color:rgba(173,100,85,.35)!important;}
@media (prefers-reduced-motion:reduce) {

html:root:root:root:root body button,
html:root:root:root:root body .btn,
html:root:root:root:root body [role="button"],
html:root:root:root:root body .nav-cta {transition:none!important;}}

/* Link controls used by the Academy administrator. */
html:root:root:root:root body :is(.admin-logout-pill,.ada-floating-admin-panel) {
 background:var(--harmony-accent)!important;color:var(--harmony-paper)!important;border-color:var(--harmony-accent)!important;
 transition:background-color .2s ease,color .2s ease,border-color .2s ease!important;
}
html:root:root:root:root body :is(.admin-logout-pill,.ada-floating-admin-panel):hover {
 background:var(--harmony-sand)!important;color:var(--harmony-ink)!important;border-color:var(--harmony-ink)!important;transform:none!important;translate:none!important;scale:none!important;
}

html:root:root:root:root body :is(.brand span,.footer-brand-name,.footer-brand-title strong,.admin-brand-text,.salon-admin-side h2){font-family:Nevera,Georgia,serif!important;font-weight:400!important;}
