/* ============================================================
   ROADTRIP COACHING — Design-Tokens
   Diese Datei ist die einzige Stelle, an der Farben, Schriften
   und Maße definiert werden. Beim Umstieg auf Astro wandern
   diese Werte 1:1 in die tailwind.config.
   ============================================================ */

:root{

  /* ---- Flächen ------------------------------------------- */
  --paper:#FDFBF8;      /* warmes Papierweiß, Grundfläche       */
  --sand:#F5EEE3;       /* Sand — Straße, Staub, Wärme          */
  --sage:#E7EFE4;       /* blasses Salbei — Wald, Weg           */
  --sky:#E2EBF0;        /* blasser Himmel — Weite               */
  --rose-soft:#F7E4E5;  /* Altrosa hell                         */

  /* ---- Tinte ---------------------------------------------
     Kontrastwerte gegen --paper (WCAG 2.2):
       forest 11.6:1  ·  moss 5.4:1  ·  rose-ink 5.3:1
     Alle drei bestehen AA für Fließtext.                      */
  --forest:#2C3F34;     /* Haupttext, Überschriften             */
  --moss:#4F6650;       /* Sekundärtext, Eyebrows               */
  --rose-ink:#9E4E59;   /* Akzenttext, Links                    */

  /* ---- Akzente -------------------------------------------- */
  --rose:#B25F6A;       /* Buttonfläche, weiße Schrift = 4.6:1  */
  --rose-hover:#9E4E59;
  --honey:#D9A263;      /* Wegmarken, Routenlinie               */
  --line:#D2DECF;       /* Ränder, Trennlinien                  */

  /* ---- Radien --------------------------------------------- */
  --r-sm:14px;
  --r-md:22px;
  --r-lg:34px;
  --r-xl:52px;

  /* ---- Schatten ------------------------------------------- */
  --sh-soft:0 2px 4px rgba(44,63,52,.04), 0 14px 34px rgba(44,63,52,.07);
  --sh-lift:0 4px 10px rgba(44,63,52,.05), 0 24px 54px rgba(44,63,52,.12);

  /* ---- Schriften ------------------------------------------
     Im finalen Build lokal hosten, nicht über die Google-CDN.  */
  --f-display:'Fraunces', Georgia, serif;
  --f-body:'Figtree', system-ui, -apple-system, sans-serif;
  --f-mono:'DM Mono', ui-monospace, monospace;

  /* ---- Maße ----------------------------------------------- */
  --wrap:1180px;
  --gut:clamp(20px, 5vw, 48px);
}