html:not([data-theme="dark"]) {
  --bg: #f2ede3;
  background: #f2ede3;
}

html:not([data-theme="dark"]) body {
  background: var(--bg);
}

html:not([data-theme="dark"]) .panel,
html:not([data-theme="dark"]) .stat-card,
html:not([data-theme="dark"]) .mini-stat,
html:not([data-theme="dark"]) .profit-card,
html:not([data-theme="dark"]) .dashboard-card,
html:not([data-theme="dark"]) .employee-payroll-card,
html:not([data-theme="dark"]) .production-shift-card,
html:not([data-theme="dark"]) .analytics-panel {
  background-color: #ded5c7;
  border-color: #d0c6b7;
  box-shadow: 0 2px 5px rgb(67 54 37 / 10%), inset 0 1px 0 rgb(255 255 255 / 22%);
}

html:not([data-theme="dark"]) thead {
  background-color: #ded5c7 !important;
}

html:not([data-theme="dark"]) thead th {
  background-color: #ded5c7 !important;
  color: #49443c;
  border-color: #cfc5b6;
}

html:not([data-theme="dark"]) .sidebar,
html:not([data-theme="dark"]) .topbar {
  background-color: var(--bg);
}

html:not([data-theme="dark"]) .modal-card,
html:not([data-theme="dark"]) .modal-header,
html:not([data-theme="dark"]) .modal-footer {
  background-color: #ded5c7;
}

html:not([data-theme="dark"]) .search-box,
html:not([data-theme="dark"]) .filter-button,
html:not([data-theme="dark"]) .finance-period input,
html:not([data-theme="dark"]) .production-date-field input,
html:not([data-theme="dark"]) .request-filter-fields input,
html:not([data-theme="dark"]) .shop-date-filter input,
html:not([data-theme="dark"]) .operations-cash-period input,
html:not([data-theme="dark"]) .operations-stock-period input {
  background-color: #ded5c7;
  color: #29251f;
}

html:not([data-theme="dark"]) .finance-period > .button,
html:not([data-theme="dark"]) .analytics-period-presets .button,
html:not([data-theme="dark"]) .request-filter-fields > .button {
  background-color: #ded5c7;
  border-color: #c6baa8;
  color: #29251f;
  box-shadow: 0 1px 2px rgb(67 54 37 / 14%), inset 0 1px 0 rgb(255 255 255 / 38%);
}

html:not([data-theme="dark"]) .finance-period > .button:hover,
html:not([data-theme="dark"]) .analytics-period-presets .button:hover,
html:not([data-theme="dark"]) .request-filter-fields > .button:hover {
  background-color: #d4c9b9;
  box-shadow: 0 2px 4px rgb(67 54 37 / 18%), inset 0 1px 0 rgb(255 255 255 / 30%);
}

html:not([data-theme="dark"]) input[type="date"] {
  background-color: #ded5c7;
  color: #29251f;
  color-scheme: light;
  border-color: #c6baa8;
  box-shadow: inset 0 2px 4px rgb(67 54 37 / 16%), inset 0 1px 1px rgb(67 54 37 / 8%);
}

html:not([data-theme="dark"]) .search-box input,
html:not([data-theme="dark"]) .modal-card input,
html:not([data-theme="dark"]) .modal-card select {
  color: #29251f;
}

html:not([data-theme="dark"]) .search-box input::placeholder,
html:not([data-theme="dark"]) .modal-card input::placeholder {
  color: #686156;
  opacity: 1;
}

html:not([data-theme="dark"]) .modal-header p,
html:not([data-theme="dark"]) .modal-card .form-field > span,
html:not([data-theme="dark"]) .modal-card .form-hint {
  color: #554f45;
}

html:not([data-theme="dark"]) .button:not(.button-primary):not(.button-danger):not(.button-success):not(.button-green),
html:not([data-theme="dark"]) .modal-close,
html:not([data-theme="dark"]) .icon-button {
  background-color: #f2ede3;
  border-color: #cfc5b6;
  color: #39342c;
  box-shadow: 0 1px 2px rgb(67 54 37 / 14%), inset 0 1px 0 rgb(255 255 255 / 45%);
}

html:not([data-theme="dark"]) .button:not(.button-primary):not(.button-danger):not(.button-success):not(.button-green):hover,
html:not([data-theme="dark"]) .modal-close:hover,
html:not([data-theme="dark"]) .icon-button:hover {
  background-color: #e8e0d3;
  box-shadow: 0 2px 4px rgb(67 54 37 / 18%), inset 0 1px 0 rgb(255 255 255 / 35%);
}