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

:root {
  /* Farben */
  --color-primary:    #2c2420;
  --color-secondary:  #5c4a3a;
  --color-accent:     #c4773a;
  --color-accent-dark: #a35e25;
  --color-bg:         #f5f0eb;
  --color-bg-alt:     #ebe4db;
  --color-text:       #1a1512;
  --color-text-muted: #7a6a5a;
  --color-border:     #d6ccc2;

  /* Typografie */
  --font-heading: 'Cormorant Garamond', Georgia, serif;
  --font-body:    'Source Serif 4', Georgia, serif;

  --font-size-xs:   clamp(0.75rem,  0.7rem  + 0.25vw, 0.875rem);
  --font-size-sm:   clamp(0.875rem, 0.85rem + 0.15vw, 1rem);
  --font-size-base: clamp(1rem,     0.95rem + 0.25vw, 1.125rem);
  --font-size-lg:   clamp(1.125rem, 1.05rem + 0.35vw, 1.375rem);
  --font-size-xl:   clamp(1.5rem,   1.2rem  + 1.5vw,  2.5rem);
  --font-size-2xl:  clamp(2rem,     1.5rem  + 2.5vw,  4rem);
  --font-size-3xl:  clamp(2.5rem,   2rem    + 2.5vw,  5rem);

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

  /* Layout */
  --container-max:   1200px;
  --container-wide:  1440px;
  --border-radius:   2px;
  --border-radius-lg: 4px;

  /* Transitions */
  --transition-fast:   150ms ease-out;
  --transition-base:   300ms ease-out;
  --transition-slow:   500ms ease-out;
}