@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Jost:wght@300;400;500&display=swap');

:root {
  /* Farben */
  --color-primary:      #3a6b4a;
  --color-primary-dark: #2c5038;
  --color-cream:        #f5f0e8;
  --color-sand:         #ede8df;
  --color-taupe:        #b5906e;
  --color-taupe-light:  #e8ddd2;
  --color-text:         #1e2820;
  --color-text-muted:   #6b7c70;
  --color-border:       #d6cfc4;
  --color-white:        #ffffff;

  /* Typografie */
  --font-heading: 'Cormorant Garamond', Georgia, serif;
  --font-body:    'Jost', system-ui, sans-serif;

  --size-h1: clamp(2.6rem, 5vw, 4.5rem);
  --size-h2: clamp(1.9rem, 3vw, 2.8rem);
  --size-h3: clamp(1.3rem, 2vw, 1.7rem);
  --size-body: clamp(1rem, 1.2vw, 1.1rem);
  --size-small: 0.875rem;

  /* Spacing */
  --space-xs:  0.5rem;
  --space-sm:  1rem;
  --space-md:  2rem;
  --space-lg:  4rem;
  --space-xl:  7rem;
  --space-2xl: 11rem;

  /* Layout */
  --container-max:  1200px;
  --container-wide: 1400px;
  --radius:         4px;
  --radius-lg:      8px;

  /* Transitions */
  --ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --transition: 0.3s var(--ease);
}