/* RELIFE Landingpage — die eine Token-Quelle.
   Werte 1:1 aus index.html uebernommen (Stand 06.09.2026), damit Vorschau und
   Produkt nicht wieder auseinanderlaufen. index.html, entwuerfe.html und
   stilproben.html tragen sie derzeit noch je eigen inline; wer dort aufraeumt,
   ersetzt den Block durch <link rel="stylesheet" href="/tokens.css">. */

:root{
  /* Grundflaechen */
  --tinte:#0E1116;
  --papier:#FFFFFF;
  --wand:#F5F7F9;
  --studio:#E8ECEF;

  /* Handlung */
  --blau:#1E6FBF;
  --cta:#1E88E5;
  --cta-hover:#1E6FBF;
  --gold:#B08D57;

  /* Schrift */
  --text:#22262B;
  --text2:#5B6570;
  --muted:#8A929B;
  --linie:#E4E8EC;

  /* auf Tinte */
  --t-text:#FFFFFF;
  --t-text2:#8A929B;
  --t-linie:rgba(255,255,255,.18);

  /* Schrift, Stand 10.09.2026 (Michele): die GANZE Seite laeuft auf derselben
     Systemschrift wie relife-testimonials.pages.dev und der Prep-Funnel. Beide
     haben ueberhaupt keine Serifen. Damit ist die Georgia-Regel vom 28.08. fuer
     diese Seite aufgehoben.
     Die Variable heisst weiter --serif, weil sie an 49 Stellen benutzt wird; sie
     ist jetzt die AUSZEICHNUNGS-Schrift, nicht mehr eine Serife. */
  --serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;

  --sec:64px;
  --padx:24px;

  /* Ab 06.09.2026 freigegeben: Verlauf, Schatten, Glas.
     Schatten sind zur Grundflaeche eingefaerbt, nie reines Schwarz. */
  --schatten-ruhe:0 1px 2px rgba(14,17,22,.05), 0 8px 24px -12px rgba(14,17,22,.16);
  --schatten-hoch:0 2px 4px rgba(14,17,22,.06), 0 22px 48px -18px rgba(14,17,22,.28);
  --glanz:inset 0 1px 0 rgba(255,255,255,.85);
  --kurve:cubic-bezier(.16,1,.3,1);
}

/* Haltepunkte exakt wie in index.html: 768 / 1024 / 1280. Nicht verschieben,
   ohne die drei Seiten gegenzuprüfen. */
@media (min-width:768px){  :root{ --sec:80px; --padx:40px; } }
@media (min-width:1024px){ :root{ --sec:80px; } }
@media (min-width:1280px){ :root{ --padx:0px; } }
