/* ─── Smaragd-Gold Design-System · Shared Tokens ─────────────────────── */

:root {
  /* Gold-Palette */
  --gold:        #C8A24A;
  --gold-light:  #E0BD63;
  --gold-deep:   #9C7A22;
  --gold-pale:   #F0E0A8;
  /* Smaragd-Palette */
  --emerald:     #0E3B2E;
  --emerald-mid: #14513E;
  /* Hintergründe */
  --bg-light:    #F6F1E6;
  --cream:       #FBF7EE;
  --cream-dark:  #E9DEC8;
  --white:       #FFFFFF;
  /* Typografie */
  --text-dark:   #21271F;
  --text-mid:    #46503F;
  --text-muted:  #7C8472;
  /* Shared */
  --radius:      10px;
}

/* ─── Fonts ───────────────────────────────────────────────────────────── */
/* Eingebunden via <link> im HTML-Head */

/* ─── Reset ───────────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: 'Inter', sans-serif;
  font-size: 18px;
  line-height: 1.7;
  color: var(--text-dark);
  background: var(--bg-light);
  -webkit-font-smoothing: antialiased;
}
img { display: block; max-width: 100%; }
a   { color: inherit; text-decoration: none; }

/* ─── Typografie ──────────────────────────────────────────────────────── */
h1, h2, h3 { font-family: 'Playfair Display', Georgia, serif; line-height: 1.2; }
h1 { font-size: clamp(2.4rem, 5vw, 3.6rem); font-weight: 900; }
h2 { font-size: clamp(1.8rem, 3.5vw, 2.6rem); font-weight: 700; }
h3 { font-size: clamp(1.2rem, 2vw, 1.45rem); font-weight: 700; }
p  { font-size: 1.0625rem; line-height: 1.8; }