[data-theme="daylight"] {
  --bg-0: #f4efe3;
  --bg-1: #f4efe3;
  --panel: #fbf8ef;
  --panel-deep: #fffdf5;
  --line: rgba(23, 41, 30, .2);
  --line-strong: rgba(23, 41, 30, .3);
  --cream: #17291e;
  --body: #17291e;
  --sub: #56695c;
  --faint: #75857a;
  --emerald: #0f5c39;
  --emerald-deep: #0f5c39;
  --brass: #b8622f;
  --glow-emerald: none;
  --radius-card: 9px;
  --radius-chip: 9px;
  --radius-btn: 8px;
  --display: "Instrument Serif", Georgia, serif;
  color-scheme: light;
}

[data-theme="daylight"] body {
  background:
    linear-gradient(rgba(23, 41, 30, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(23, 41, 30, .035) 1px, transparent 1px),
    var(--bg-0);
  background-size: 34px 34px;
}

[data-theme="daylight"] .mixora-nav,
[data-theme="daylight"] .mobile-tabbar {
  border-bottom: 1.5px solid rgba(23, 41, 30, .85);
  background: rgba(244, 239, 227, .88);
  box-shadow: 0 4px 0 rgba(184, 98, 47, .18);
}

[data-theme="daylight"] .mixora-brand-copy small,
[data-theme="daylight"] .hero-beta-badge,
[data-theme="daylight"] .builder-eyebrow,
[data-theme="daylight"] .step-kicker,
[data-theme="daylight"] .chip-group-label {
  color: var(--brass);
}

[data-theme="daylight"] .mixora-nav .nav-item.active,
[data-theme="daylight"] .mixora-nav .nav-item[aria-current="page"],
[data-theme="daylight"] .mobile-tabbar .nav-item.active,
[data-theme="daylight"] .mobile-tabbar .nav-item[aria-current="page"] {
  background: #17291e;
  color: #f4efe3;
}

[data-theme="daylight"] .theme-switch {
  border: 1.5px solid #17291e;
  border-radius: 8px;
  background: #fbf8ef;
}

[data-theme="daylight"] .theme-switch span,
[data-theme="daylight"] .theme-switch::before {
  border-radius: 6px;
}

[data-theme="daylight"] .theme-switch::before {
  background: #17291e;
}

[data-theme="daylight"] .theme-switch [data-theme-label="day"] {
  color: #f4efe3;
}

[data-theme="daylight"] .nav-credits,
[data-theme="daylight"] .nav-feedback {
  border: 1.5px solid #17291e;
  border-radius: 8px;
  background: #fbf8ef;
  box-shadow: 3px 3px 0 rgba(184, 98, 47, .45);
}

[data-theme="daylight"] .nav-avatar {
  background: #17291e;
  color: #f4efe3;
  box-shadow: 3px 3px 0 #c26a35;
}

[data-theme="daylight"] .hero-beta-badge,
[data-theme="daylight"] .ghost-action,
[data-theme="daylight"] .saved-profile-card,
[data-theme="daylight"] .spec-pill,
[data-theme="daylight"] .spec-tags span,
[data-theme="daylight"] .spec-meta-row span,
[data-theme="daylight"] .inventory-input-shell,
[data-theme="daylight"] .tag-suggestion {
  border: 1.5px solid rgba(23, 41, 30, .85);
  border-radius: 8px;
  background: #fbf8ef;
}

[data-theme="daylight"] .hero-start,
[data-theme="daylight"] .primary-action {
  background: #17291e;
  color: #f4efe3;
  box-shadow: 5px 5px 0 #c26a35;
}

[data-theme="daylight"] .hero-start:hover,
[data-theme="daylight"] .primary-action:hover {
  transform: translate(-2px, -2px);
  box-shadow: 7px 7px 0 #c26a35;
}

[data-theme="daylight"] .hero-start:active,
[data-theme="daylight"] .primary-action:active {
  transform: translate(2px, 2px);
  box-shadow: 2px 2px 0 #c26a35;
}

[data-theme="daylight"] .hero-image {
  border: 1.5px solid #17291e;
  border-radius: 200px 200px 14px 14px;
  box-shadow: 8px 8px 0 rgba(23, 41, 30, .85);
}

[data-theme="daylight"] .hero-glow {
  background: radial-gradient(circle, rgba(184, 98, 47, .18), transparent 68%);
}

[data-theme="daylight"] .hero-ring {
  border-color: rgba(23, 41, 30, .55);
}

[data-theme="daylight"] .hero-float-badge,
[data-theme="daylight"] .hero-mini-spec {
  border: 1.5px solid #17291e;
  border-radius: 8px;
  background: rgba(251, 248, 239, .9);
  box-shadow: 5px 5px 0 rgba(184, 98, 47, .55);
}

[data-theme="daylight"] .chip-button,
[data-theme="daylight"] .tag-chip,
[data-theme="daylight"] .target-price-other {
  border: 1.5px solid rgba(23, 41, 30, .7);
  border-radius: 9px;
  background: #fbf8ef;
  color: #17291e;
  box-shadow: 2px 2px 0 rgba(23, 41, 30, .1);
}

[data-theme="daylight"] .chip-button:hover,
[data-theme="daylight"] .tag-suggestion:hover {
  transform: translate(-1px, -1px);
  box-shadow: 3px 3px 0 rgba(184, 98, 47, .35);
}

[data-theme="daylight"] .chip-button[aria-checked="true"] {
  border-color: #17291e;
  background: #17291e;
  color: #f4efe3;
  box-shadow: 3px 3px 0 #c26a35;
}

[data-theme="daylight"] .builder-step {
  border-bottom: 1.5px dotted rgba(23, 41, 30, .35);
}

[data-theme="daylight"] .step-index-item {
  border-color: rgba(23, 41, 30, .4);
  background: #fbf8ef;
}

[data-theme="daylight"] .step-index-item.is-active strong {
  color: var(--brass);
}

[data-theme="daylight"] .live-spec-card {
  border: 1.5px solid #17291e;
  border-radius: 9px;
  background: #fbf8ef;
  box-shadow: 9px 9px 0 rgba(23, 41, 30, .85);
}

[data-theme="daylight"] .live-spec-card::before {
  content: "SPEC SHEET";
  display: inline-flex;
  margin-bottom: 12px;
  padding: 5px 8px;
  border: 1.5px solid #b8622f;
  color: #b8622f;
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  transform: rotate(-2deg);
}

[data-theme="daylight"] .spec-pill.originality {
  border-color: #b8622f;
  color: #b8622f;
  transform: rotate(2deg);
}

[data-theme="daylight"] .ingredient-preview li::after {
  border-bottom-color: rgba(23, 41, 30, .42);
}

[data-theme="daylight"] .spec-stat-well {
  border: 1.5px solid #17291e;
  border-radius: 8px;
  background: #fffdf5;
}

[data-theme="daylight"] .spec-stat.margin {
  padding: 8px;
  border-radius: 7px;
  background: #eef5e9;
}

[data-theme="daylight"] .margin-bar {
  background: rgba(23, 41, 30, .12);
}

[data-theme="daylight"] .margin-bar span {
  background: linear-gradient(90deg, #0f5c39, #b8622f);
}

[data-theme="daylight"] .advanced-drawer-body,
[data-theme="daylight"] .advanced-drawer details,
[data-theme="daylight"] .advanced-drawer .restaurant-context,
[data-theme="daylight"] .creation-mini-card,
[data-theme="daylight"] .example-card,
[data-theme="daylight"] .creation-card,
[data-theme="daylight"] .account-card,
[data-theme="daylight"] .managed-card,
[data-theme="daylight"] .credit-package-card,
[data-theme="daylight"] .provider-help-card,
[data-theme="daylight"] .why-card,
[data-theme="daylight"] .state-card,
[data-theme="daylight"] .api-card,
[data-theme="daylight"] .plan-access-panel,
[data-theme="daylight"] .comp-access-panel,
[data-theme="daylight"] .managed-status-card,
[data-theme="daylight"] .history-card {
  border: 1.5px solid #17291e !important;
  border-radius: 9px !important;
  background: #fbf8ef !important;
  box-shadow: 5px 5px 0 rgba(23, 41, 30, .75) !important;
}

[data-theme="daylight"] .example-card,
[data-theme="daylight"] .creation-mini-card,
[data-theme="daylight"] .history-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: baseline;
  background: transparent !important;
  box-shadow: none !important;
  border-width: 0 0 1.5px 0 !important;
  border-style: dotted !important;
  border-radius: 0 !important;
  padding-inline: 0 !important;
}

[data-theme="daylight"] .example-card strong,
[data-theme="daylight"] .creation-mini-card strong,
[data-theme="daylight"] .history-card strong {
  color: #17291e !important;
  font-family: var(--display);
  font-size: 27px;
}

[data-theme="daylight"] .example-card span,
[data-theme="daylight"] .creation-mini-card span,
[data-theme="daylight"] .history-card span {
  color: #56695c !important;
}

[data-theme="daylight"] .creation-mini-art,
[data-theme="daylight"] .creation-mini-placeholder {
  display: none;
}

[data-theme="daylight"] .creation-mini-body {
  grid-column: 1 / -1;
  padding: 0;
}

[data-theme="daylight"] .advanced-drawer input,
[data-theme="daylight"] .advanced-drawer select,
[data-theme="daylight"] .advanced-drawer textarea,
[data-theme="daylight"] .settings-page input,
[data-theme="daylight"] .settings-page select,
[data-theme="daylight"] .settings-page textarea,
[data-theme="daylight"] .feedback-card input,
[data-theme="daylight"] .feedback-card select,
[data-theme="daylight"] .feedback-card textarea,
[data-theme="daylight"] .login-screen-form input,
[data-theme="daylight"] .login-screen-form select,
[data-theme="daylight"] .inventory-entry-row input,
[data-theme="daylight"] .target-price-custom {
  border: 1.5px solid rgba(23, 41, 30, .65);
  border-radius: 8px;
  background: #fffdf5;
  color: #17291e;
}

[data-theme="daylight"] .mixora-footer {
  border-top: 1.5px solid rgba(23, 41, 30, .85);
}

@media (max-width: 767px) {
  [data-theme="daylight"] .live-spec-card {
    box-shadow: 6px 6px 0 rgba(23, 41, 30, .85);
  }
}