/* GENERIERT aus brand/brand-measurements.json — Farbwerte NICHT von Hand
   ändern (Review blockt Hex ausserhalb der Messwerte). Der Brand-Job setzt nur
   die Nicht-Farb-Variablen am Ende. */
:root {
  --brand-primary: #b45946;
  --brand-on-primary: #ffffff;
  --brand-secondary: #9fa75f;
  --brand-on-secondary: #ffffff;
  --brand-accent: #a34d3b;
  --brand-surface: #fdf6f4;
  --brand-surface-alt: #f5f0ef;
  --brand-ink: #271d1c;
  --brand-ink-soft: #625755;
  --brand-border: #d5cccb;

  --brand-primary-1: #f6f5f4;
  --brand-primary-2: #f5f0ef;
  --brand-primary-3: #f1e3e0;
  --brand-primary-4: #f0d6d0;
  --brand-primary-5: #ecc9c1;
  --brand-primary-6: #e5bab0;
  --brand-primary-7: #dda79b;
  --brand-primary-8: #d18d7e;
  --brand-primary-9: #b45946;
  --brand-primary-10: #a34d3b;
  --brand-primary-11: #9c4735;
  --brand-primary-12: #4c2f28;
  --brand-secondary-1: #f4f5f3;
  --brand-secondary-2: #f0f1ec;
  --brand-secondary-3: #e8ebd4;
  --brand-secondary-4: #dee3be;
  --brand-secondary-5: #d2d8aa;
  --brand-secondary-6: #c3ca95;
  --brand-secondary-7: #b0b77d;
  --brand-secondary-8: #9aa25a;
  --brand-secondary-9: #9fa75f;
  --brand-secondary-10: #949b54;
  --brand-secondary-11: #656b33;
  --brand-secondary-12: #3b3e25;
  --brand-gray-1: #f6f4f4;
  --brand-gray-2: #f2f0ef;
  --brand-gray-3: #eae6e5;
  --brand-gray-4: #e3dddc;
  --brand-gray-5: #dcd5d4;
  --brand-gray-6: #d5cccb;
  --brand-gray-7: #cbc0bf;
  --brand-gray-8: #baacaa;
  --brand-gray-9: #8e7e7b;
  --brand-gray-10: #837471;
  --brand-gray-11: #625755;
  --brand-gray-12: #271d1c;

  /* --- Vom Brand-Job zu setzen (KEINE Farben!): --- */

  /* Schrift — Sektion 3 der DESIGN.md. Archivo ist variabel (wdth 62-125);
     Display läuft IMMER auf wdth 125 / wght 700 / VERSAL. */
  --brand-font-display: "Archivo", "Archivo Expanded", "Arial Black", sans-serif;
  --brand-font-body: "Karla", system-ui, sans-serif;
  --brand-display-wdth: 125;          /* font-variation-settings: "wdth" var(--brand-display-wdth) */
  --brand-display-wght: 700;

  /* Form — es existieren genau zwei Radien. 1px-32px sind verboten. */
  --brand-radius: 0px;
  --brand-radius-sm: 0px;
  --brand-radius-pill: 9999px;        /* nur Telefon-Pille + 8px-Statuspunkt */

  /* Tiefe — beide Schatten haben negativen y-Offset (Saum nach oben, nie ein
     Schlagschatten). Ausschliesslich System-UI, nie Inhalt. Siehe DESIGN.md 6. */
  --brand-shadow: 0 -2px 10px rgb(39 29 28 / 0.22);        /* E5: Handy-Anrufleiste */
  --brand-shadow-lift: 0 -6px 28px rgb(39 29 28 / 0.34);   /* E6: Overlay-Schublade */

  /* Abstände — 8er-Skala, die EINZIGEN erlaubten Werte (SPACING-Doktrin). */
  --space-1: 8px;    /* in-Gruppe: Nummer->Name, Punkt->Status, Label->Feld */
  --space-2: 12px;   /* Headline->Lead, Gericht->Beschreibung */
  --space-3: 24px;   /* zwischen Gruppen: Spalten-Gap, Text->CTA, Karte->Karte */
  --space-4: 40px;   /* grosse Trennung in der Bahn, Karten-Padding, Pille-Padding */
  --space-5: 72px;   /* Standard-Sektionsabstand */
  --space-6: 112px;  /* Kapitel-Atempause, max 2x pro Seite */

  /* Projektspezifisch — das Signature-Motiv «Die Heftzeile» (keine Farben). */
  --brand-heftlinie: 1px;        /* Staerke der Heftlinie; Hover verdoppelt auf 2px */
  --brand-zeile-min: 96px;       /* Mindesthoehe einer Heftzeile (Desktop); 72px <=767 */
  --brand-zeile-num: 56px;       /* Breite der Nummernspalte; 40px <=767 */
  --brand-cta-h: 64px;           /* Telefon-Pille + Handy-Anrufleiste */
  --brand-container: 1240px;     /* Satzspiegel; Vollbild-Bahnen brechen ihn */
  --brand-ease: cubic-bezier(0.2, 0, 0, 1);
  --brand-dur: 0.18s;
}