:root{
  /* Mint, dark olive and matte gold.
     Pale mint carries the page; white distinguishes forms and reading panels.
     Dark olive carries headings, navigation and the footer.
     Matte gold carries purchases and savings; mint and olive mark selected quantities.
     Wood colours belong to the product and its logo. Status colours retain their meaning. */
  --hd-bg:#F3F7F3;
  --hd-background:var(--hd-bg);
  --hd-photo:#E4EEE6;
  --hd-story-surface:#E4F4EB;
  --hd-story-detail-surface:#F2E8D8;
  --hd-story-line:#D8C9B2;
  --hd-surface:#FFFFFF;
  --hd-wood:#C89B6D;        /* wood */
  --hd-wood-dark:#A97C4F;
  --hd-accent:#3C5142;
  --hd-accent-dark:#3C5142;
  --hd-on-accent:#FFFFFF;
  --hd-on-accent-muted:#DDE8DA;
  --hd-accent-line:#82977D;
  --hd-buy:#C9AA54;
  --hd-on-buy:#25352A;
  --hd-buy-sheen:none;
  --hd-buy-soft:#FAF5E7;
  --hd-buy-line:#D9C58D;
  --hd-brand-gold:#E3C578;
  --hd-brand-gold-on-light:#846318;
  --hd-control-border:#8A9A8D;
  --hd-inactive:#F1F4F0;
  --hd-text:#25352A;
  --hd-text-muted:#52645A;
  --hd-border:#D4DED5;
  --hd-overlay:rgba(37,53,42,.45);
  --hd-success:#1E6B3E;
  --hd-error:#9B2C2C;
  --hd-warning:#8A5A12;
  --hd-info:#33566B;
  /* White fields stand apart from mint. Olive labels and placeholders stay legible;
     green validation and red errors remain functional signals (CONTRACT-V3 section 1). */
  --hd-field:#FFFFFF;
  --hd-field-hover:#F4F8F3;
  --hd-field-focus:#FFFFFF;
  --hd-field-label:#35473A;
  --hd-field-placeholder:#58695F;
  --hd-ok:#1E6B3E;
  --hd-ok-tint:#CDEBD7;
  --hd-err-tint:#F7E9E7;
  --hd-radius:14px;
  --hd-radius-sm:10px;
  --hd-radius-lg:20px;
  --hd-shadow:0 2px 10px rgba(37,53,42,.07);
  --hd-shadow-lg:0 12px 34px rgba(37,53,42,.16);
  --hd-font-head:"Nunito", ui-rounded, "SF Pro Rounded", "Segoe UI Variable Display", "Trebuchet MS", system-ui, sans-serif;
  --hd-font-body:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --hd-maxw:1180px;
}