/* Color-only alternative. Specificity guards override legacy hardcoded important colors without changing markup or geometry. */
.settings-color-theme{margin-block:22px}
html[data-color-theme="greige-espresso"]{color-scheme:light;--bg:#e8e3dc;--card:#faf7f2;--ink:#29231f;--muted:#665c54;--line:#c8bbae;--accent:#59463b}
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard),
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .wrap,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard).dashboard-mode,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) #dashboard:not(.hidden){background:#e8e3dc!important;color:#29231f!important;color-scheme:light}
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .top{background:linear-gradient(180deg,#e8e3dcf5,#e8e3dc00)!important;color:#59463b!important;border-color:#c8bbae!important}
html[data-color-theme="greige-espresso"].staff-app body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .top{background:#e8e3dc!important}
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) h1,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) h2,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) h3,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) label,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) strong,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .brand-owner,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .brand-studio{color:#59463b!important}
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .brand-symbol{filter:grayscale(1) brightness(.45) sepia(.6)}
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .customer-logo,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .staff-logo{mix-blend-mode:normal!important}
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .muted,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) small,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .setting-summary small,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .daily-heading p,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .daily-stat span,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .appointment-card-service,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .daily-list-heading p{color:#665c54!important}
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) input,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) select,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) textarea{background:#fffdf9!important;color:#29231f!important;border-color:#bcae9f!important;color-scheme:light}
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) option{background:#fffdf9;color:#29231f}
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) button,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .setting-link,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .staff-entry,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .instagram-entry,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .customer-preview,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .card-call{background:#faf7f2!important;color:#59463b!important;border-color:#aa9585!important}
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) button.primary,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .cta,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .wizard-next,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) button.chosen,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) button[aria-pressed="true"],
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .daily-language-choices button[aria-pressed="true"],
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .card-details,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) #dashboard .daily-featured .card-details{background:#59463b!important;color:#fffdf9!important;border-color:#59463b!important;box-shadow:none!important}
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .card,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) #dashboard .dashboard-setting,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) #dashboard .appointment-card,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .daily-stat,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .edit-box,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .appointment-detail,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .empty,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .app-help,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .booking-link-card,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .booking-review,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .service-summary,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) #barberNotifications{background:#faf7f2!important;color:#29231f!important;border-color:#c8bbae!important;box-shadow:none!important}
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .daily-menu-body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard),
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .mobile-menu-panel,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) #dashboard .dashboard-bottom{background:#e8e3dcf5!important;color:#59463b!important;border-color:#c8bbae!important}
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) #dashboard .dashboard-bottom button.primary{background:#ded3c7!important;color:#59463b!important;border-color:#59463b!important}
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) #dashboard .dashboard-bottom button::before{background:#59463b!important}
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) #dashboard .setting-icon,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .setting-chevron,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .appointment-name,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .appointment-time,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .customer-call,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .booking-link-card button,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .booking-social-chip,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) svg,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) a{color:#59463b!important}
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .daily-stat svg,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .service-icon{stroke:#59463b!important}
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) #dashboard .daily-up-next,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) #wizardProgress{background:#59463b!important;color:#fffdf9!important}
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .hero-photo:after{background:linear-gradient(90deg,#e8e3dce6,#e8e3dc55 55%,transparent 85%),linear-gradient(0deg,#e8e3dc 0%,transparent 70%)!important}
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .hero p,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .hero-meta,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .booking-footnote,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .wizard-top span{color:#59463b!important}
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard).booking-mode #customer{background-image:linear-gradient(180deg,#e8e3dc00 0%,#e8e3dc33 220px,#e8e3dc 450px),var(--studio-hero-image,none)!important}
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard).booking-mode #customer .service{background:#faf7f2!important;border-color:#bcae9f!important;color:#29231f!important}
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard).booking-mode #customer .service.active{background:#e2d7ca!important;border-color:#59463b!important}
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard).booking-mode #customer .service b{color:#59463b!important}
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .service.active:after{background:#59463b!important;color:#fffdf9!important;border-color:#59463b!important}
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .time-chips button,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .booking-day{background:#faf7f2!important;color:#59463b!important}
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .time-chips button.chosen{background:#59463b!important;color:#fffdf9!important}
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .service-selection-footer{background:#faf7f2!important;border-color:#c8bbae!important}
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .card-status{background:#e8f0e4!important;color:#305c38!important;border-color:#9db596!important}
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .notice,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) button.ok{background:#e6f0e3!important;color:#285332!important;border-color:#9db596!important}
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .error,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) button.bad{background:#f6e6df!important;color:#8a352b!important;border-color:#c69788!important}
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .whatsapp-share{background:#286543!important;color:white!important}
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) :focus-visible{outline-color:#59463b!important}

html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) label>span,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .selection-hint,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .service-selection-copy span,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) #barberNotifications p,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) #customerQRStatus,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .settings-device-note{color:#665c54!important}
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .wizard-bottom,
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) #customer .wizard-bottom{background:#e8e3dc!important;border-color:#c8bbae!important}
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .progress-track{background:#c8bbae!important}
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .date-chips button span{background:transparent!important;color:inherit!important}
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .service:after{border-color:#8f7866!important}
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .brand-symbol-layer{filter:grayscale(1) brightness(.45) sepia(.6)}
html[data-color-theme="greige-espresso"] body:not(#bf-theme-color-guard):not(#bf-theme-surface-guard):not(#bf-theme-contrast-guard) .bf-notify-icon{background:#e2d7ca!important;color:#59463b!important}