/* Experimental MYWSS luxury light theme. Does not affect legacy light/dark. */
body.theme-lux-light {
  color-scheme: light;

  --theme-page-bg: #c9d0dc;
  --theme-left-nav-bg: #f8f9fb;
  --theme-surface: #ffffff;
  --theme-surface-high: #e7e7e7;
  --theme-surface-highest: #dcdde0;
  --theme-surface-raised: #ffffff;
  --theme-input-bg: #fbfbfa;
  --theme-button-bg: #ffffff;
  --theme-button-hover-bg: #eeeeec;
  --theme-border: #cdd2da;
  --theme-border-soft: #dde1e7;
  --theme-border-strong: #a9b0bc;
  --theme-text: #111318;
  --theme-muted: #4e5660;
  --theme-disabled: #7f858c;
  --theme-primary: #2a2a29;
  --theme-primary-strong: #111111;
  --theme-primary-border: #2a2a29;
  --theme-primary-soft: #e7e7e5;
  --theme-on-primary: #ffffff;
  --theme-success: #0f766e;
  --theme-success-soft: #e0f0ec;
  --theme-success-border: rgba(15, 118, 110, .24);
  --theme-warning: #b88a3a;
  --theme-warning-soft: #f2ead8;
  --theme-warning-border: rgba(184, 138, 58, .30);
  --theme-danger: #b3261e;
  --theme-danger-soft: #f4dfdb;
  --theme-danger-border: rgba(179, 38, 30, .24);
  --theme-on-danger: #ffffff;
  --theme-table-row-bg: #ffffff;
  --theme-table-row-alt-bg: #f3f4f5;
  --theme-table-row-hover-bg: #eaedf0;
  --theme-table-row-border: #d8dde4;
  --theme-ai-bg: #ffffff;
  --theme-ai-border: #cdd2da;
  --theme-ai-panel-bg: #f4f4f3;
  --theme-ai-chip-bg: #e7e7e5;
  --theme-ai-chip-text: #111318;
  --theme-return-bg: #f1e6d4;
  --theme-return-border: rgba(184, 138, 58, .30);
  --theme-shadow-card: 0 1px 2px rgba(17, 19, 24, .06), 0 18px 44px rgba(17, 19, 24, .10);
  --theme-shadow-xs: 0 1px 2px rgba(17, 19, 24, .08);
  --theme-shadow-input: inset 0 1px 2px rgba(17, 19, 24, .07);
  --theme-shadow-focus: 0 0 0 3px rgba(42, 42, 41, .14);

  --bg: var(--theme-page-bg);
  --surface: var(--theme-surface);
  --surface-soft: var(--theme-surface-high);
  --surface-muted: var(--theme-surface-highest);
  --left-panel-bg: var(--theme-left-nav-bg);
  --left-panel-bg-soft: var(--theme-surface);
  --line: var(--theme-border);
  --line-strong: var(--theme-border-strong);
  --input: var(--theme-input-bg);
  --hover: var(--theme-button-hover-bg);
  --ink: var(--theme-text);
  --text: var(--theme-text);
  --muted: var(--theme-muted);
  --dim: var(--theme-disabled);
  --copy-strong: var(--theme-text);
  --copy-muted: var(--theme-muted);
  --copy-soft: var(--theme-disabled);
  --brand: var(--theme-primary);
  --brand-dark: var(--theme-primary-strong);
  --brand-soft: var(--theme-primary-soft);
  --accent-soft: var(--theme-primary);
  --ok: var(--theme-success);
  --warn: var(--theme-warning);
  --warn-soft: var(--theme-warning-soft);
  --danger: var(--theme-danger);
  --danger-soft: var(--theme-danger-soft);
  --btn-bg: var(--theme-button-bg);
  --btn-border: var(--theme-border);
  --btn-text: var(--theme-text);
  --btn-hover-bg: var(--theme-button-hover-bg);
  --btn-hover-text: var(--theme-primary);
  --btn-primary-bg: var(--theme-primary);
  --btn-primary-hover-bg: var(--theme-primary-strong);

  --shell-sidebar-bg: #f8f9fb;
  --shell-topbar-bg: #ffffff;
  --shell-hero-bg: #ffffff;
  --shell-hero-side-bg: #e7e7e7;
  --shell-aside-bg: #ffffff;
}

body.theme-lux-light .btn.primary,
body.theme-lux-light button.primary {
  border-color: #2a2a29 !important;
  background: #2a2a29 !important;
  color: #ffffff !important;
}

body.theme-lux-light .btn.primary:hover,
body.theme-lux-light button.primary:hover {
  background: #111111 !important;
}

body.theme-lux-light :where(
  .auth-box,
  .card,
  .card-body,
  .collapse-panel,
  .confirm-modal,
  .modal,
  [role="dialog"],
  .table-shell-card,
  .table-wrap,
  .reviews-filter-bar,
  .side-card-heading,
  .table-head,
  .reviews-table-head,
  .merchant-hero-panel,
  .todo-waterfall-panel,
  .todo-summary-card,
  .todo-flow-item,
  .sent-note-panel,
  .sent-note-item,
  .completed-note-block,
  .completed-note-item,
  .my-note-item,
  .dashboard-home-hero,
  .dashboard-note-card,
  .dashboard-metric-card,
  .dashboard-focus-card,
  .after-sales-panel,
  .after-sales-mode-tabs,
  .after-sales-overview-metric,
  .after-sales-command-bar,
  .after-sales-case,
  .after-sales-composer,
  .after-sales-timeline-card,
  .after-sales-ai-dock,
  .after-sales-ai-dialog,
  .after-sales-ai-input,
  .notice-placeholder-token,
  .permission-menu-card,
  .check-row,
  .detail-row,
  .ai-provider-card,
  .ai-usage-item,
  .parsed-order-summary,
  .submit-mail-summary,
  .cancel-order-summary
) {
  border-color: #d9dee6 !important;
}

body.theme-lux-light :where(
  .card,
  .collapse-panel,
  .table-shell-card,
  .merchant-hero-panel,
  .todo-waterfall-panel,
  .todo-summary-card,
  .after-sales-ai-dock
) {
  background-color: #ffffff !important;
}

body.theme-lux-light :where(
  .card-body,
  .reviews-table-head,
  .table-head,
  .todo-flow-item:nth-child(even),
  .reviews-data-table tbody tr:nth-child(even) td
) {
  background-color: #f5f6f7 !important;
}

body.theme-lux-light :where(
  input,
  textarea,
  select,
  .btn,
  .preference-switcher,
  .preference-button
) {
  border-color: #d0d6df !important;
}

body.theme-lux-light .after-sales-ai-body,
body.theme-lux-light .after-sales-ai-message.assistant p,
body.theme-lux-light .after-sales-ai-message.user p {
  border-color: #d9dee6 !important;
  background: #f5f6f7 !important;
}