:root {
  /* ── Brand ── */
  --teal:        #2C5F5A;
  --teal-dark:   #1e4440;
  --teal-light:  #3d7a74;
  --terra:       #C4784A;
  --terra-light: #D4956A;

  /* ── Neutrals ── */
  --warm-white:  #FBF7F2;
  --cream:       #F5EFE6;
  --parchment:   #EFE0C4;
  --sand:        #F0D9B5;
  --ink:         #1C2421;
  --ink-soft:    #3a4440;

  /* ── Lines ── */
  --border:      rgba(44,95,90,0.15);

  /* ── Type ── */
  --font-serif:  'Playfair Display', Georgia, serif;
  --font-sans:   'Lato', -apple-system, sans-serif;

  /* ── Spacing ── */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  16px;
  --space-4:  24px;
  --space-5:  32px;
  --space-6:  48px;
  --space-7:  64px;
  --space-8:  96px;
  --space-9:  128px;

  /* ── Layout ── */
  --container-max: 1280px;
  --container-pad: 48px;
  --nav-height:    72px;
}

@media (max-width: 768px) {
  :root {
    --container-pad: 20px;
    --space-8: 64px;
    --space-9: 96px;
  }
}