/* Kashmar — a pistachio-orchard palette: cream paper, terracotta, harvest gold, deep leaf green, charcoal. */
:root {
  --w-bg: #fbf6ee;
  --w-surface: #fffdf9;
  --w-surface-2: #f3eadb;
  --w-text: #221e19;
  --w-muted: #675c4f;
  --w-border: #e6dac7;
  --w-primary: #a5553a;
  --w-on-primary: #ffffff;
  --w-accent: #b8913e;
  --w-sale: #b3302b;
  --w-success: #2f6a2a;
  --w-radius: 8px;
  --w-radius-lg: 16px;
  --w-shadow: 0 1px 2px rgba(64, 44, 22, .05), 0 22px 44px -24px rgba(64, 44, 22, .32);
  --w-font: "Vazirmatn", system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;
  --w-heading-font: "Vazirmatn", system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;
  --w-hero-overlay: linear-gradient(180deg, rgba(22, 17, 12, .55) 0%, rgba(22, 17, 12, .28) 38%, rgba(22, 17, 12, .38) 62%, rgba(22, 17, 12, .82) 100%);
}

[data-theme="dark"] {
  --w-bg: #12100d;
  --w-surface: #1b1814;
  --w-surface-2: #25211b;
  --w-text: #f3ecdf;
  --w-muted: #b4a893;
  --w-border: #352f27;
  --w-primary: #b05f43;
  --w-on-primary: #ffffff;
  --w-accent: #d4b067;
  --w-sale: #c2413a;
  --w-success: #8fbf72;
  --w-shadow: 0 1px 2px rgba(0, 0, 0, .45), 0 22px 44px -24px rgba(0, 0, 0, .7);
}

/* finishing touches: colour, border, radius, shadow, weight and spacing only */
.w-body { -webkit-font-smoothing: antialiased; }
.w-btn--primary, .oh-btn--primary { letter-spacing: .01em; box-shadow: 0 10px 24px -14px color-mix(in srgb, var(--w-primary) 80%, transparent); }
.w-header { background: color-mix(in srgb, var(--w-bg) 90%, transparent); }
.w-hero:not(.w-hero--image) { background: radial-gradient(900px 380px at 85% -10%, color-mix(in srgb, var(--w-accent) 22%, transparent), transparent), radial-gradient(700px 300px at 0% 110%, color-mix(in srgb, var(--w-success) 14%, transparent), transparent), var(--w-surface); }
.w-card, .lb-card, .ms-card { border-color: var(--w-border); }
.w-card__meta { color: color-mix(in srgb, var(--w-accent) 58%, var(--w-text)); font-weight: 700; }
.w-chip.is-on { background: var(--w-text); color: var(--w-bg); border-color: var(--w-text); }
.w-cat:hover { border-color: var(--w-accent); }
.w-footer { background: var(--w-surface-2); }
.w-panel { box-shadow: none; }
.w-stars, .w-rate input:checked ~ label, .w-rate label:hover, .w-rate label:hover ~ label { color: var(--w-accent); }
.lb-btn, .ms-btn, .fd-btn { letter-spacing: .01em; }
.oh-hero__facts strong small, .oh-review__stars { color: var(--w-accent); }