/* ============================================================
   Coachyourlife · Sabine Rößler · Design Tokens
   Quelle: Brandguide Version 1.0 + Entwicklungsguide
   Alle Werte kommen aus diesem File. Nichts hart im Code.
   ============================================================ */

@font-face{
  font-family:"Jost";
  src:url("../fonts/jost-latin-300-normal.woff2") format("woff2");
  font-weight:300;font-style:normal;font-display:swap;
}
@font-face{
  font-family:"Jost";
  src:url("../fonts/jost-latin-400-normal.woff2") format("woff2");
  font-weight:400;font-style:normal;font-display:swap;
}
@font-face{
  font-family:"Jost";
  src:url("../fonts/jost-latin-500-normal.woff2") format("woff2");
  font-weight:500;font-style:normal;font-display:swap;
}
@font-face{
  font-family:"Jost";
  src:url("../fonts/jost-latin-600-normal.woff2") format("woff2");
  font-weight:600;font-style:normal;font-display:swap;
}

:root{
  /* Farben Marke */
  --ink:#1D1D1B;
  --acc:#7C5A67; --acc-deep:#573E48; --acc-soft:#E5D9DE;
  --leinen:#F4EFE7; --paper:#FBFAF6; --sand:#E7DECF; --greige:#B7AC9B;
  --line:#CDC3B2;
  /* Zweitfarbe Staubblau, ruhiger Zweitton (Zitatkästen, Footer) */
  --blau:#5F7A88; --blau-deep:#40555F; --blau-soft:#DCE5E9;
  --text:#2B2A26; --text-soft:#6b675e; --text-mute:#655f56;
  /* Semantik erdig */
  /* --danger war #A8674F und lag mit 3,89 auf Leinen unter dem AA Grenzwert.
     Neuer Wert: 5,99 auf Paper, 5,47 auf Leinen. */
  --success:#6E7A4F; --warning:#B98A46; --danger:#8E5039; --info:#573E48;

  /* Typografie */
  --font:"Jost","Helvetica Neue",Arial,sans-serif;

  /* Fluid Type Scale, clamp(min, vw, max) */
  --fs-display:clamp(2.6rem,7vw,5.5rem);
  --fs-h1:clamp(2.1rem,5vw,3.4rem);
  --fs-h2:clamp(1.6rem,3.5vw,2.4rem);
  --fs-h3:clamp(1.25rem,2.4vw,1.5rem);
  --fs-lead:clamp(1.15rem,2vw,1.4rem);
  --fs-body:clamp(1rem,1.4vw,1.125rem);
  --fs-small:0.875rem;

  /* Fluid Spacing Scale */
  --sp-1:0.25rem; --sp-2:0.5rem; --sp-3:0.75rem; --sp-4:1rem;
  --sp-5:1.5rem; --sp-6:2rem; --sp-7:3rem;
  --sp-8:clamp(3rem,6vw,4.5rem);
  --sp-9:clamp(4rem,9vw,7rem);
  --section-y:clamp(3.5rem,8vw,7rem);   /* vertikaler Abstand je Sektion */
  --gutter:clamp(1.25rem,5vw,4.5rem);   /* Seitenrand */
  --measure:68ch;                        /* Lesebreite */

  /* Radius, Linien, Motion */
  --radius:2px; --radius-lg:4px;
  --stroke:1.5px;                        /* Linien-System, Strichstärke */
  --dur-1:160ms; --dur-2:240ms; --ease:cubic-bezier(.22,.61,.36,1);

  /* Gänsefüße im Hintergrund (Claims und Zitate):
     rundes, gefülltes Doppelkomma-Paar in Aubergine, dezent.
     Grundform ist das 99 Paar, das 66 Paar entsteht durch Rotation. */
  --qmark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 150'%3E%3Cg opacity='.18' fill='%237C5A67'%3E%3Ccircle cx='58' cy='48' r='46'/%3E%3Cpath d='M14 62 C 20 100, 16 122, 2 146 C 44 134, 82 106, 98 62 A 46 46 0 0 1 14 62 Z'/%3E%3Cg transform='translate(128,0)'%3E%3Ccircle cx='58' cy='48' r='46'/%3E%3Cpath d='M14 62 C 20 100, 16 122, 2 146 C 44 134, 82 106, 98 62 A 46 46 0 0 1 14 62 Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  /* Kräftige Variante in Tiefschwarz für das Rahmen-Zitatdesign */
  --qmark-ink:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 150'%3E%3Cg fill='%231D1D1B'%3E%3Ccircle cx='58' cy='48' r='46'/%3E%3Cpath d='M14 62 C 20 100, 16 122, 2 146 C 44 134, 82 106, 98 62 A 46 46 0 0 1 14 62 Z'/%3E%3Cg transform='translate(128,0)'%3E%3Ccircle cx='58' cy='48' r='46'/%3E%3Cpath d='M14 62 C 20 100, 16 122, 2 146 C 44 134, 82 106, 98 62 A 46 46 0 0 1 14 62 Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}