/* ============================================================
   BECK Dienstleistungen – Design-System (aus WP extrahiert)
   ============================================================ */
:root {
  /* Farben */
  --c-primary:      #e88327;   /* Orange – Akzent, Buttons, Links, H1 */
  --c-primary-dark: #cf7320;   /* Hover */
  --c-heading:      #3f444b;   /* Dunkelgrau – Überschriften */
  --c-text:         #3f444b;   /* Fließtext (WP: 18px/27px #3F444B) */
  --c-text-mut:     #6b6b6b;   /* gedämpft */
  --c-white:        #ffffff;
  --c-bg:           #ffffff;
  --c-beige:        #e0dbd2;   /* Panel-/Karten-Hintergrund */
  --c-light:        #f7f6f4;   /* helle Section */
  --c-brown:        #6a645b;   /* Kontakt-Streifen */
  --c-border:       #e5e2df;

  /* Typografie */
  --font-body:   Verdana, Geneva, Tahoma, sans-serif;
  --font-head:   Verdana, Geneva, Tahoma, sans-serif;
  --font-script: 'Caveat', cursive;                        /* Buttons */
  --font-hand:   'Annie Use Your Telescope', cursive;      /* Slogan + Intro-Akzent */

  --fw-normal: 400;
  --fw-bold:   700;
  --fw-black:  800;

  /* Radius / Form */
  --radius-pill: 999px;
  --radius-card: 20px;

  /* Abstände */
  --container: 1200px;
  --gap:       24px;
  --section-y: 72px;

  /* Schatten */
  --shadow-card: 0 14px 34px rgba(0,0,0,.13);
  --shadow-head: 0 2px 14px rgba(0,0,0,.08);

  /* Transition */
  --t: .25s ease;
}