/* Optional colour-only variation. The original stylesheet stays unchanged. */
html[data-colour-theme="sage"] {
  --plum: #365344;
  --plum-deep: #233d31;
  --plum-soft: #596d5d;
  --ink: #29382e;
  --cream: #fbf7ef;
  --sand: #eee4d2;
  --gold: #a98b4b;
  --gold-pale: #e8d5ab;
  --lilac: #e6eddf;
  --lilac-deep: #a7bb99;
  --aqua: #dce7db;
  --sea: #829b7a;
  --rose: #ede4d9;
  --border: #36534424;
}

html[data-colour-theme="sage"] .steps-panel,
html[data-colour-theme="sage"] .reset-options {
  border-color: #a7bb9966;
}

html[data-colour-theme="sage"] .steps-panel-heading,
html[data-colour-theme="sage"] .steps-foot,
html[data-colour-theme="sage"] .footer-bottom {
  border-color: #a7bb994d;
}

html[data-colour-theme="sage"] .booking-overlay {
  background: #233d31b8;
}

html[data-colour-theme="sage"] .field-label input,
html[data-colour-theme="sage"] .field-label select,
html[data-colour-theme="sage"] .field-label textarea,
html[data-colour-theme="sage"] .format-option {
  border-color: var(--forest-soft);
}

@media (max-width: 900px) {
  html[data-colour-theme="sage"] .site-nav {
    box-shadow: 0 8px 12px #233d3114;
  }
}