:root{
  --brand: var(--rb-accent, #c13584) !important;
  --brand2: var(--rb-accent-2, #833ab4) !important;
  --brandDark: color-mix(in srgb, var(--rb-accent, #c13584) 68%, black) !important;
  --brand-rgb: var(--rb-accent-rgb, 193,53,132) !important;
  --brand2-rgb: var(--rb-accent-2-rgb, 131,58,180) !important;
  --ink: var(--rb-text, #111827) !important;
  --ink-rgb: 17,24,39 !important;
  --text: var(--rb-text, #111827) !important;
  --muted: var(--rb-muted, #6b7280) !important;
  --line: var(--rb-line, #efe7dd) !important;
  --soft: var(--rb-soft, #fbf7f0) !important;
  --paper: var(--rb-paper, #ffffff) !important;
  --card: var(--rb-paper, #ffffff) !important;
  --card-bg: var(--rb-paper, #ffffff) !important;
  --bg: var(--rb-bg, #fbf7f0) !important;
  --accent: var(--rb-accent, #c13584) !important;
  --accent1: var(--rb-accent, #c13584) !important;
  --accent2: var(--rb-accent-2, #833ab4) !important;
  --accent-rgb: var(--rb-accent-rgb, 193,53,132) !important;
  --panel-border: var(--rb-line, #efe7dd) !important;
  --border: rgba(var(--rb-accent-rgb, 193,53,132), .16) !important;
  --ring: rgba(var(--rb-accent-rgb, 193,53,132), .22) !important;
  --ig-grad: var(--rb-ring, linear-gradient(135deg,#833ab4,#c13584,#e1306c,#fd1d1d,#f56040,#f77737,#fcaf45,#ffdc80)) !important;
  --ig-fill: var(--rb-ring, linear-gradient(135deg,#833ab4,#c13584,#e1306c,#fd1d1d,#f56040,#f77737,#fcaf45,#ffdc80)) !important;
  --ig-border: linear-gradient(var(--rb-paper, #ffffff), var(--rb-paper, #ffffff)) padding-box, var(--rb-ring, linear-gradient(135deg,#833ab4,#c13584,#e1306c,#fd1d1d,#f56040,#f77737,#fcaf45,#ffdc80)) border-box !important;
  --ig-glow: 0 18px 40px rgba(var(--rb-accent-rgb,193,53,132), .14) !important;
  --ig-pink: var(--rb-accent, #c13584) !important;
  --brand-grad: var(--rb-ring, linear-gradient(135deg,#833ab4,#c13584,#e1306c,#fd1d1d,#f56040,#f77737,#fcaf45,#ffdc80)) !important;
  --brand-border: linear-gradient(var(--rb-paper, #ffffff), var(--rb-paper, #ffffff)) padding-box, var(--rb-ring, linear-gradient(135deg,#833ab4,#c13584,#e1306c,#fd1d1d,#f56040,#f77737,#fcaf45,#ffdc80)) border-box !important;
  --salon-a: var(--rb-accent-2, #833ab4) !important;
  --salon-b: var(--rb-accent, #c13584) !important;
  --salon-c: #e1306c !important;
  --salon-d: #fd1d1d !important;
  --salon-e: #f56040 !important;
  --salon-f: #f77737 !important;
  --salon-g: #fcaf45 !important;
  --salon-h: #ffdc80 !important;
  --salon-ink: var(--rb-text, #111827) !important;
  --salon-muted: var(--rb-muted, #6b7280) !important;
  --salon-border: color-mix(in srgb, var(--rb-line, #efe7dd) 92%, var(--rb-paper, #ffffff)) !important;
  --salon-soft: color-mix(in srgb, var(--rb-paper, #ffffff) 88%, var(--rb-bg, #fbf7f0)) !important;
  --salon-glass: color-mix(in srgb, var(--rb-paper, #ffffff) 84%, transparent) !important;
  --salon-shadow: 0 18px 50px rgba(var(--rb-accent-rgb,193,53,132),.12) !important;
  --salon-gradient: var(--rb-ring, linear-gradient(135deg,#833ab4,#c13584,#e1306c,#fd1d1d,#f56040,#f77737,#fcaf45,#ffdc80)) !important;
  --salon-gradient-soft: var(--rb-brand-wash, linear-gradient(var(--rb-bg, #fbf7f0), var(--rb-bg, #fbf7f0))) !important;
  --salon-main: var(--rb-shared-color, var(--rb-ring, linear-gradient(135deg,#833ab4,#c13584,#e1306c,#fd1d1d,#f56040,#f77737,#fcaf45,#ffdc80))) !important;
  --hero-grad: var(--rb-shared-color, var(--rb-ring, linear-gradient(135deg,#833ab4,#c13584,#e1306c,#fd1d1d,#f56040,#f77737,#fcaf45,#ffdc80))) !important;
  --panel-grad: var(--rb-shared-color, var(--rb-ring, linear-gradient(135deg,#833ab4,#c13584,#e1306c,#fd1d1d,#f56040,#f77737,#fcaf45,#ffdc80))) !important;
}


html[data-theme="dark"]{
  --ink-rgb: 248,250,252 !important;
  --border: rgba(var(--rb-accent-rgb, 193,53,132), .20) !important;
  --salon-border: color-mix(in srgb, var(--rb-line, #334155) 90%, var(--rb-paper, #111827)) !important;
  --salon-soft: color-mix(in srgb, var(--rb-paper, #111827) 90%, var(--rb-bg, #0f172a)) !important;
  --salon-glass: rgba(15,23,42,.72) !important;
  --ig-border: linear-gradient(var(--rb-paper, #111827), var(--rb-paper, #111827)) padding-box, var(--rb-ring, linear-gradient(135deg,#833ab4,#c13584,#e1306c,#fd1d1d,#f56040,#f77737,#fcaf45,#ffdc80)) border-box !important;
  --brand-border: linear-gradient(var(--rb-paper, #111827), var(--rb-paper, #111827)) padding-box, var(--rb-ring, linear-gradient(135deg,#833ab4,#c13584,#e1306c,#fd1d1d,#f56040,#f77737,#fcaf45,#ffdc80)) border-box !important;
  --paper: var(--rb-paper, #111827) !important;
  --card: var(--rb-paper, #111827) !important;
  --card-bg: var(--rb-paper, #111827) !important;
  --bg: var(--rb-bg, #0f172a) !important;
  --ink: var(--rb-text, #f8fafc) !important;
  --text: var(--rb-text, #f8fafc) !important;
  --muted: var(--rb-muted, #cbd5e1) !important;
  --salon-card: var(--rb-paper, #111827) !important;
  --salon-bg: var(--rb-bg, #0f172a) !important;
  --salon-ink: var(--rb-text, #f8fafc) !important;
  --salon-muted: var(--rb-muted, #cbd5e1) !important;
  --salon-main: var(--rb-shared-color, var(--rb-ring, linear-gradient(135deg,#833ab4,#c13584,#e1306c,#fd1d1d,#f56040,#f77737,#fcaf45,#ffdc80))) !important;
}


html[data-theme="dark"] body{
  background:
    radial-gradient(900px 260px at 12% -10%, rgba(var(--rb-accent-rgb, 193,53,132), .20), transparent 60%),
    radial-gradient(900px 260px at 100% 0%, rgba(255,199,95,.16), transparent 60%),
    linear-gradient(var(--rb-bg, #0f172a), var(--rb-bg, #0f172a)) !important;
  color:var(--rb-text, #f8fafc) !important;
}

:where(.btn,.rb-cta,.tab,.chip,.badge,.pill,.tag,.miniTag,.dashboard-pill){
  border-radius:999px;
}

html[data-theme="dark"] :where(
  .panel,
  .card,
  .strip,
  .shop-cart-drawer,
  .shop-cart-item,
  .shop-cart-close,
  .shop-cart-head,
  .shop-cart-foot,
  .appt-modal,
  .appt-head,
  .appt-summary,
  .appt-foot,
  .appt-x,
  .appt-tier-preview,
  .svc-empty,
  .svc-desc,
  .pager a,
  .empty,
  .mini-card,
  .bulkbar,
  .hero-stat,
  .sys-pill,
  .chip,
  .miniTag,
  .auth-card,
  .modal,
  .rel-card,
  .tag,
  .table,
  .table-wrap,
  .table-shell,
  .filters,
  .filterbar,
  .product-card,
  .svc-card,
  .stat,
  .stats .stat,
){
  background:var(--rb-paper, #111827) !important;
  color:var(--rb-text, #f8fafc) !important;
  border-color:var(--rb-line, #334155) !important;
}

html[data-theme="dark"] :where(input:not([type="range"]), textarea, select, .input, .search, .select){
  background:color-mix(in srgb, var(--rb-paper, #111827) 88%, var(--rb-bg, #0f172a)) !important;
  color:var(--rb-text, #f8fafc) !important;
  border-color:var(--rb-line, #334155) !important;
}

html[data-theme="dark"] :where(
  .muted,
  .sub,
  .section-sub,
  .desc,
  .meta,
  .m,
  .x,
  .rel-meta,
  .tier-mini,
  .shop-cart-sub,
  .appt-sub,
  .appt-hint,
  .page-header-sub,
  .countLine,
  .hero-title p,
  .hero p,
  .system-strip,
  .auth-helper,
  .helper,
  .small-muted
){
  color:var(--rb-muted, #cbd5e1) !important;
}

html[data-theme="dark"] :where(
  [style*="background:#fff"],
  [style*="background: #fff"],
  [style*="background:#ffffff"],
  [style*="background: #ffffff"],
  [style*="background:rgba(255,255,255"],
  [style*="background: rgba(255,255,255"]
){
  background:var(--rb-paper, #111827) !important;
  color:var(--rb-text, #f8fafc) !important;
  border-color:var(--rb-line, #334155) !important;
}

html[data-theme="dark"] :where(
  [style*="border:1px solid #f1f1f1"],
  [style*="border-bottom:1px solid #f1f1f1"],
  [style*="border-color:#f1f1f1"]
){
  border-color:var(--rb-line, #334155) !important;
}


html[data-theme="dark"] :where(
  .control-bar,
  .grid-card,
  .kpi-card,
  .info-card,
  .checkout-panel,
  .checkout-card,
  .checkout-field,
  .summary-item,
  .summary-row,
  .summary-box,
  .summary-card,
  .tier-selected,
  .tier-card,
  .product-card,
  .svc-box,
  .hero-stat,
  .stats-card,
  .dashboard-db-notice,
  .appt-summary,
  .appt-tier-preview,
  .appt-field,
  .table-wrap,
  table.pretty
){
  background:var(--rb-paper, #111827) !important;
  color:var(--rb-text, #f8fafc) !important;
  border-color:var(--rb-line, #334155) !important;
}

html[data-theme="dark"] :where(
  .price,
  .value,
  .amt,
  .main,
  .summary-price,
  .summary-name,
  .summary-title,
  .summary-row-value,
  .product-name,
  .svc-name,
  .tlabel,
  .tname,
  .kpi-value,
  .card .value,
  [data-stat],
  table.pretty td,
  .appt-line .strong,
  .hero h1,
  .grid-card h3,
  .checkout-panel h2,
  .checkout-panel h3
){
  color:var(--rb-text, #f8fafc) !important;
}

html[data-theme="dark"] :where(
  .kpi-title,
  .kpi-sub,
  .control-hint,
  .summary-meta,
  .summary-sub,
  table.pretty th,
  .product-desc,
  .svc-desc,
  .section-sub,
  .price-note,
  .appt-hint,
  .checkout-help,
  .summary-row-label
){
  color:var(--rb-muted, #cbd5e1) !important;
}

html[data-theme="dark"] :where(
  [style*="color:#111827"],
  [style*="color: #111827"],
  [style*="color:#0f172a"],
  [style*="color: #0f172a"],
  [style*="color:#3a2135"],
  [style*="color: #3a2135"]
){
  color:var(--rb-text, #f8fafc) !important;
}

html[data-theme="dark"] :where(
  [style*="color:#6b7280"],
  [style*="color: #6b7280"],
  [style*="color:#7c6f79"],
  [style*="color: #7c6f79"],
  [style*="color:#94a3b8"],
  [style*="color: #94a3b8"]
){
  color:var(--rb-muted, #cbd5e1) !important;
}

html[data-theme="dark"] :where(
  [style*="linear-gradient(#ffffff,#ffffff)"],
  [style*="linear-gradient(#ffffff, #ffffff)"],
  [style*="linear-gradient(#fff,#fff)"],
  [style*="linear-gradient(#fff, #fff)"]
){
  background:linear-gradient(var(--rb-paper, #111827),var(--rb-paper, #111827)) padding-box, var(--rb-ring, linear-gradient(135deg,#833ab4,#c13584,#e1306c,#fd1d1d,#f56040,#f77737,#fcaf45,#ffdc80)) border-box !important;
  color:var(--rb-text, #f8fafc) !important;
  border-color:transparent !important;
}


html[data-theme="dark"] :where(
  .staff-kpi-card,
  .staff-summary-card,
  .booking-item,
  .staff-calendar-card,
  .client-calendar-card,
  .hero-metric,
  .analytics-shell .warn,
  .booking-view-toggle,
  .booking-reset-btn,
  .booking-sort-select,
  .status-select-trigger,
  .status-select-menu,
  .control select,
  .control .btn,
  .control-bar,
  .grid-card,
  .kpi-card,
  .info-card,
  .empty,
  .meta[style],
  .svc-desc[style]
){
  background:var(--rb-paper, #111827) !important;
  color:var(--rb-text, #f8fafc) !important;
  border-color:var(--rb-line, #334155) !important;
}

html[data-theme="dark"] :where(
  .service-title,
  .staff-summary-title,
  .staff-summary-value,
  .staff-kpi-title,
  .staff-kpi-value,
  .client-calendar-card .month-title,
  .client-calendar-card .day-num,
  .client-calendar-card .slot .time,
  .staff-calendar-card .month-title,
  .staff-calendar-card .day-num,
  .staff-calendar-card .slot .time,
  .staff-calendar-card .booking-card .title,
  .booking-item .price,
  .booking-item .service-title,
  .booking-item .right,
  .kpi-value,
  .grid-card h3,
  .control label,
  .hero h1,
  .hero p,
  .shop-cart-title,
  .appt-title,
  .appt-line .strong,
  .appt-field select,
  .appt-field input
){
  color:var(--rb-text, #f8fafc) !important;
}

html[data-theme="dark"] :where(
  .small-muted,
  .booking-item .meta-row,
  .staff-kpi-sub,
  .staff-summary-sub,
  .staff-calendar-card .booking-card .meta,
  .client-calendar-card .muted,
  .booking-mgmt-sub,
  .booking-tab:not(.active),
  .shop-cart-sub,
  .appt-sub,
  .appt-hint,
  .appt-field > span,
  .control-hint,
  .kpi-sub,
  .kpi-title,
  .muted
){
  color:var(--rb-muted, #cbd5e1) !important;
}

html[data-theme="dark"] :where(
  .shop-cart-close,
  .appt-modal,
  .appt-head,
  .appt-summary,
  .appt-foot,
  .appt-x,
  .appt-field,
  .shop-cart-foot,
  .shop-cart-head
){
  background:var(--rb-paper, #111827) !important;
  border-color:var(--rb-line, #334155) !important;
}