/* =========================================================================
   VYRE — LIGHT THEME  (warm off-white / "oat" base)
   Loaded AFTER styles.css + party.css. Replaces the cream gradient with a
   flat warm off-white; the dark sections / CTA / footer carry the contrast.
   The warm tone keeps the clean look without the clinical edge of pure white.
   Scoped under body.white — remove the class/link to fall back to cream.
   ========================================================================= */

body.white {
  background: #f5f1e8 no-repeat;   /* oat — warm off-white */
}

/* keep the corner brand glows very subtle on pure white */
body.white::after { opacity: .5; }

/* ghost button becomes a clean outline instead of a cream fill that would
   wash out against white */
body.white .btn--ghost {
  background: transparent;
  color: var(--forest);
  border-color: rgba(18, 63, 48, .4);
  box-shadow: 5px 5px 0 rgba(18, 63, 48, .18);
}
body.white .btn--ghost:hover { background: rgba(18, 63, 48, .05); color: var(--forest); }

/* hairline under the sticky nav while it's transparent over white content */
body.white .nav:not(.scrolled) { box-shadow: inset 0 -1px 0 rgba(18, 63, 48, .08); }

/* CONTACT — a translucent cream card disappears on white, so make it a
   crisp white card with a defined edge + soft lift */
body.white .form-card {
  background: #ffffff;
  border-color: rgba(18, 63, 48, .14);
  box-shadow: 0 14px 34px rgba(18, 63, 48, .07);
}
body.white .field input,
body.white .field textarea {
  background: #ffffff;
  border-color: rgba(18, 63, 48, .2);
}