/* ============================================================
   ORANGE Finance — Design-Tokens
   Werte exakt aus der Live-Site ausgelesen (Computed Styles,
   Elementor-Globals), 07.08.2026.
   ============================================================ */

:root {
  /* Markenfarben (Elementor-Globals der Live-Site) */
  --orange-1: #FF9600;        /* primary  */
  --orange-2: #F49F25;        /* accent   */
  --orange-heading: #F28902;  /* „Wir begleiten Sie…"-Headline */
  --text-dark: #353535;       /* Überschriften/Fließtext */
  --text-body: #333333;
  --grau-nav-mobil: #707173;  /* Links im Mobil-Menü */
  --weiss-warm: #FFFEFE;      /* Weiß der Live-Site */
  --weiss: #FFFFFF;
  --footer-grau: #F5F5F5;

  /* Verläufe (Original-Winkel) */
  --grad-header: linear-gradient(130deg, var(--orange-1) 0%, var(--orange-2) 100%);
  --grad-hero:   linear-gradient(130deg, var(--orange-1) 0%, var(--orange-2) 89%);
  --grad-band:   linear-gradient(143deg, var(--orange-1) 0%, var(--orange-2) 100%);

  /* Typografie */
  --font-head: "Roboto", sans-serif;
  --font-text: "Roboto", sans-serif;
  --font-hero-text: "Montserrat", sans-serif;
  --font-copyright: "Merriweather Sans", sans-serif;

  /* Schatten */
  --shadow-header: 0 10px 20px rgba(0, 0, 0, .1);
  --shadow-card: 0 0 20px rgba(0, 0, 0, .05);
  --shadow-button: 0 0 11px -2px rgba(41, 41, 41, .5);

  /* Blob-Radien (Original) */
  --blob-hero: 300px 100px 100px 100px;
  --blob-loesung: 100px 100px 300px 100px;

  /* Layout */
  --header-h: 145px;
  --pad-page: 28.8px;
}