:root {
  /* Brand greens */
  --gw-green: #213021;
  --green-mid: #2d4230;   /* hover states, subtle accents */
  --green-soft: #344b38;  /* softer elevated green surfaces */

  /* Accent */
  --yellow: #ffd100;
  --yellow-soft: #f2bf2f; /* warmer, more premium yellow — gradients and icon fills */

  /* Neutrals */
  --gray: #59606d;
  --beige: #e5d6c2;        /* warm surfaces, image frames */
  --off-white: #fbfbfb;
  --surface-light: #f7f8f6; /* elevated light surface — above off-white */
  --text: #2e3031;

  /* Layout */
  --max-w: 1280px;

  /* Typography */
  --font-body: 'Readex Pro', sans-serif;
  --font-head: 'Unbounded', sans-serif;
}

@media (min-width: 1800px) {
  :root {
    --max-w: 1408px;
  }
}
