/* Option 4: Clay + Smoke + Yellow */
:root {
  --surface: #fbf7f2;
  --line: #eadfd5;
  --ink: #3a312c;
  --ink-soft: #7c7169;
  --coral: #dce86a;
  --teal: #c49a83;
  --deep: #4a3c2b;
  --landing-backdrop: linear-gradient(180deg, #efe2d7 0%, #f4eee8 100%);
  --landing-surface: rgba(251, 247, 242, 0.92);
  --landing-surface-strong: #fbf7f2;
  --landing-line: rgba(255, 249, 244, 0.68);
  --landing-shadow: 0px 22px 48px rgba(58, 49, 44, 0.10), 0px 2px 10px rgba(58, 49, 44, 0.06);
}

.status-pill,
.mock-chip,
.mock-message.user {
  background: rgba(220, 232, 106, 0.14);
}

.btn-secondary,
.mock-left,
.mock-message.assistant,
.product-window-top span {
  background: rgba(196, 154, 131, 0.16);
}

.btn-secondary {
  border-color: rgba(196, 154, 131, 0.28);
}