:root {
    /* Core */
  --color-primary: #84b9d6;
  --color-secondary: #a87c6b;
  --color-accent: #d8c79a;

  /* Hover / Dark Variants */
  --color-primary-alt: #6fa3bd;
  --color-secondary-alt: #8e6758;
  --color-accent-alt: #c3b285;

  /* Neutrals */
  --color-surface: #f4f0e6;
  --color-overlay: #c7bfb0;
  --color-muted: #6f8c67;
  --color-text-dark: #3a3a36;
  --color-text-light: #f9f7f4;

  --font-heading: 'Marcellus', serif;
  --font-body: 'Quicksand', sans-serif;

  --gradient-hero: linear-gradient(135deg, #f3d9b1, #c97b63);
  --gradient-autumn-2: linear-gradient(120deg, #f6c28b, #b44b32);
  --gradient-autumn-3: linear-gradient(to right, #ffba84, #d06f38);
  --gradient-autumn-4: radial-gradient(circle at center, #f9e0ae, #b35a3e);
  --gradient-autumn-5: linear-gradient(160deg, #f2b885, #ad4e2d);
  --gradient-autumn-6: linear-gradient(135deg, #ffecd2, #fcb69f);
  --gradient-autumn-7: linear-gradient(to top right, #eabf9f, #a6533c);
  --gradient-autumn-8: linear-gradient(45deg, #fcd5ae, #d07f57);
  --gradient-autumn-9: linear-gradient(to bottom, #f0cba2, #c56a44);
  --gradient-autumn-10: radial-gradient(ellipse at bottom left, #f5b98e, #8c3b28);
}