/* ==========================================================================
   Designmaster „Kamille“ – Design-Tokens
   Stil: nach Refero „Leandra-isler“ (gepresste Botanik auf Papier, eine Schrift,
   Haarlinien statt Boxen). Farben komplementär zur roten Vase im Bild:
   Salbei/Moos-Grün als Grundton, Vasenrot nur als Kontrapunkt.
   Abgestimmt an Coolors „Fresh Greens“ (386641 6A994E A7C957 F2E8CF BC4749)
   und „Earthy Forest Hues“ (DAD7CD A3B18A 588157 3A5A40 344E41).
   ========================================================================== */

:root {
  /* Farben – Grund */
  --color-kamillenpapier: #f3eee1;   /* Seitengrund, füllt jede Sektion randlos */
  --color-gepresstes-kraut: #e7e5d4; /* zweite Fläche: leise Bänder, Link-Hover */
  --color-moostinte: #1e2a21;        /* Text, Überschriften, alle Haarlinien */
  --color-nachtgruen: #0f1712;       /* harte Tinte für Display-Headlines */

  /* Farben – Salbeiwäsche (nur Hero-Verlauf) */
  --color-salbei: #7e9670;           /* tiefster Ton oben */
  --color-flechte: #a6b494;          /* Mittelton */
  --color-lindenblatt: #cdd3bc;      /* Übergang zum Papier */

  /* Farben – Kontrapunkt aus dem Bild (sparsam!) */
  --color-vasenrot: #a8323f;         /* Hover, Fokus, aktive Marke – nie als Fläche */
  --color-kamillengelb: #e1b33a;     /* nur der Blütenpunkt in der Wortmarke */

  --gradient-salbeiwaesche: linear-gradient(184deg,
      var(--color-salbei) 0%,
      var(--color-flechte) 28%,
      var(--color-lindenblatt) 55%,
      var(--color-kamillenpapier) 100%);

  /* Schrift – eine einzige Familie */
  --font-sans: 'Inter Tight', 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;

  --text-caption: 14px;     --leading-caption: 1.5;
  --text-body-sm: 16px;     --leading-body-sm: 1.5;
  --text-body: 18px;        --leading-body: 1.5;
  --text-subheading: 24px;  --leading-subheading: 1.4;
  --text-heading-sm: 26px;  --leading-heading-sm: 1.4;
  --text-heading: 40px;     --leading-heading: 1.2;
  --text-heading-lg: 75px;  --leading-heading-lg: 1;   --tracking-heading-lg: -0.03em;
  --text-display: 173px;    --leading-display: 0.9;    --tracking-display: -0.045em;

  --font-weight-regular: 400;
  --font-weight-medium: 500;

  /* Abstände */
  --spacing-4: 4px;   --spacing-8: 8px;   --spacing-14: 14px;
  --spacing-20: 20px; --spacing-26: 26px; --spacing-40: 40px;
  --spacing-60: 60px; --spacing-80: 80px; --spacing-120: 120px;
  --section-gap: clamp(80px, 10vw, 120px);
  --element-gap: 8px;

  /* Form */
  --radius-images: 4px;
  --radius-buttons: 0;
  --radius-cards: 0;
  --hairline: 1px solid var(--color-moostinte);
}