:root {
  /* Site Theme Variables - Preset B Light Split */
  --wellness-bg: #FAFAF9;
  --wellness-surface: #FFFFFF;
  --wellness-tone: #0284C7;
  --wellness-tone-hover: #0369A1;
  --wellness-ink: #1C1917;
  --wellness-ink-soft: #57534E;
  --wellness-edge: #E7E5E4;
  --wellness-shadow: rgba(28, 25, 23, 0.08);
  --wellness-gradient: linear-gradient(135deg, #0284C7 0%, #0EA5E9 100%);
  --wellness-highlight: #F0F9FF;
  
  /* Typography Variables */
  --font-display: 'Lora', serif;
  --font-body: 'Mulish', sans-serif;
}

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background-color: var(--wellness-bg);
  color: var(--wellness-ink);
  font-family: var(--font-body);
  line-height: 1.6;
}

*, *::before, *::after {
  box-sizing: inherit;
}

img {
  max-width: 100%;
  display: block;
}

a {
  text-decoration: none;
  color: inherit;
}

/* Custom Navigation Logic to replace JS */
.vw-navigation {
    display: flex;
}

#vw-menu-toggle:checked ~ .vw-navigation {
    display: flex !important;
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 2rem;
    background: var(--wellness-surface);
    border-bottom: 2px solid var(--wellness-tone);
    box-shadow: 0 15px 20px -5px var(--wellness-shadow);
    gap: 1.5rem;
    z-index: 100;
}

@media (max-width: 767px) {
    .vw-navigation {
        display: none !important;
    }
}