/* =========================================================
   SACREAH ESSENZEN — Design Tokens
   Quelle: verbindlicher Marken-Styleguide (siehe docs/HANDOVER.md).
   Diese Datei spiegelt exakt die Variablen, die in
   reference_v7_redesigned_prototype.html unter :root verwendet
   werden. Nicht frei verändern, ohne Rücksprache mit Tania.
   ========================================================= */

:root {
  /* ---- Primärfarben ---- */
  --p50:  #FFF6E5;
  --p100: #F6E7C3;
  --p200: #F2D087;
  --p400: #E8B44C;
  --p500: #D2952D;
  --p600: #B96E14;
  --p700: #8A4F0A;

  /* ---- Sekundärfarben (Grün / Natur) ---- */
  --s50:  #F1F4EC;
  --s100: #DCE3C6;
  --s200: #B8C49A;
  --s400: #8FA37A;
  --s500: #6E8A5E;
  --s600: #A08A6B;
  --s700: #7A6E5A;

  /* ---- Akzentfarben ---- */
  --a50:  #FDEAD1;
  --a100: #F9C78A;
  --a200: #F2994A;
  --a400: #E76F51;
  --a500: #D44D2A;
  --a600: #B88E5A;
  --a700: #7F5F2F;

  /* ---- Semantische Rollen (so referenziert der Prototyp-Code sie) ---- */
  --orange:       var(--a500);  /* CTA / Hauptakzent */
  --orange-bright:var(--a200);  /* helle Highlights */
  --orange-deep:  var(--p600);  /* kräftige Icons/Badges */
  --gold:         #BD7000;      /* Eyebrows/Labels laut Styleguide */
  --sage:         var(--s500);  /* Naturheilkunde-Akzent */
  --sage-pale:    var(--s100);
  --pale:         var(--a50);   /* Badges/Chips */
  --mist:         var(--p50);   /* Basis-Hintergrund */
  --ink:          #6D2E17;      /* Fließtext/Überschriften laut Styleguide */
  --ink-soft:     #8A5C42;      /* abgeleiteter, hellerer Ink-Ton */
  --line:         #EADFC8;      /* dünne, helle Trennlinie */
  --hairline:     var(--a600);  /* kräftigere Gold-Linie für Dividers/Rahmen */

  /* ---- Typografie ---- */
  --font-display: 'Playfair Display', serif;   /* Überschriften, Farbe: --ink */
  --font-eyebrow: 'Playfair Display', serif;    /* Eyebrows/Labels, mehr Laufweite, Farbe: --gold */
  --font-body:    'Montserrat', sans-serif;     /* Fließtext, Farbe: --ink */
  --font-quote:   'Patrick Hand', cursive;      /* NUR Zitate/Kundenstimmen, Farbe: --ink */

  --tracking-eyebrow: 0.14em;  /* siehe .eyebrow / .step-label / .category-title im Prototyp */

  --radius-card: 16px;
  --radius-pill: 24px;
}