/* Design Tokens – Werte aus DESIGN.md / TOKENS.md */
:root {
  --color-ink: #171A18;
  --color-warm-white: #FCFAF6;
  --color-off-white: #F5F2EB;
  --color-forest: #26372C;
  --color-forest-dark: #1C2921;
  --color-brand-orange: #DA6313;
  --color-brand-red: #CB4216;
  --color-brand-yellow: #F9D50F;
  --color-bronze: #A77945;
  --color-bronze-text: #8A6235; /* Bronze in Textgröße, AA auf Warm White */
  --color-line: #D8D5CE;
  --color-muted: #66665F;
  --color-sand: #EFE7D8;

  --container: 90rem;
  --pad-x: clamp(1.25rem, 4vw, 4.5rem);
  --section-y: clamp(4.5rem, 10vw, 11rem);
  --section-y-sm: clamp(2.5rem, 5vw, 4rem);
  --gap: clamp(1rem, 1.6vw, 1.5rem);

  --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-ui: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  --text-body: clamp(1rem, .95rem + .15vw, 1.125rem);
  --text-small: .875rem;
  --text-eyebrow: .75rem;
  --text-lead: clamp(1.0625rem, 1rem + .25vw, 1.25rem);
  --text-h3: clamp(1.7rem, 1.3rem + 1.1vw, 2.25rem);
  --text-h2: clamp(2.7rem, 2rem + 3vw, 4.8rem);
  --text-hero: clamp(3.25rem, 2.2rem + 5vw, 7rem);

  --line: 1px solid var(--color-line);
  --radius-ui: 2px;
  --radius-input: 3px;

  --ease: cubic-bezier(.2, .8, .2, 1);
  --dur-micro: 180ms;
  --dur-hover: 220ms;
  --dur-reveal: 450ms;
  --dur-modal: 280ms;
  --dur-carousel: 420ms;

  --header-h: 5rem;
  --focus: 0 0 0 3px var(--color-warm-white), 0 0 0 5px var(--color-forest);
}

@media (min-width: 1024px) {
  :root { --header-h: 5.75rem; }
}