/* Design tokens — reisemobil-makler.de
   Values read from the live site's computed styles + the Elementor global kit (2026-10-01).
   Variable names follow the starter contract consumed by main.css. */

:root {
  /* ---- Brand ---------------------------------------------------------- */
  --color-accent:      #0AC1DC;  /* Elementor kit "accent" — buttons, links, highlights */
  --color-accent-2:    #039BAE;  /* kit "ef1023b" — hover / darker accent */
  --color-accent-tint: #B3ECF5;  /* kit "9166b26" — soft tint */
  --color-accent-ink:  #FFFFFF;  /* text on accent */

  /* ---- Neutrals -------------------------------------------------------- */
  --color-ink:       #333233;  /* kit "primary" — headings */
  --color-body:      #1C1B1F;  /* body copy (kit "text" is #000; softened for contrast comfort) */
  --color-muted:     #69727D;  /* secondary copy */
  --color-surface:   #FFFFFF;  /* page background */
  --color-surface-2: #F4F4F4;  /* kit "secondary" — alternating sections */
  --color-surface-3: #F9FAFB;  /* News / Full-Service sections on the source */
  --color-line:      #E5E7EB;  /* hairlines, card borders */
  --color-footer-muted: #A6B0BF; /* footer body text on the dark field */
  --color-footer-line:  #24344A; /* footer hairlines */
  --color-focus:     #039BAE;

  /* Defined in the kit but unused on any rendered page — do not introduce
     without a reason: teal-dark #00646A, red #EA4746. */

  /* ---- Typography ------------------------------------------------------ */
  /* Headings on the source used "Helvetica B" (self-hosted licensed Helvetica
     Bold, weights 600/700). We hold no licence — Inter is the substitute.
     CONFIRM with the client before launch. */
  --font-display: "Inter", "Helvetica Neue", Arial, sans-serif;
  --font-body:    "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fw-light: 300;  /* body copy on the source */
  --fw-regular: 400;
  --fw-medium: 500; /* buttons, nav */
  --fw-semibold: 600; /* headings */

  --fs-900: clamp(2.5rem, 1.6rem + 3.4vw, 3.75rem);
  --fs-800: clamp(2rem, 1.4rem + 2.4vw, 3rem);
  --fs-700: clamp(1.5rem, 1.15rem + 1.4vw, 2.125rem);
  --fs-600: clamp(1.125rem, 1rem + 0.5vw, 1.375rem);
  --fs-400: 1rem;
  --fs-300: 0.875rem;

  --lh-body: 1.6;
  --lh-tight: 1.15;

  /* ---- Shape ----------------------------------------------------------- */
  --radius:       16px; /* cards, hero image, maps */
  --radius-sm:     8px; /* buttons */
  --radius-pill:  999px; /* filter chips */

  /* ---- Space ----------------------------------------------------------- */
  --space-1: 0.25rem;  --space-2: 0.5rem;   --space-3: 0.75rem;
  --space-4: 1rem;     --space-5: 1.25rem;  --space-6: 1.5rem;
  --space-8: 2rem;     --space-10: 2.5rem;  --space-12: 3rem;
  --space-16: 4rem;    --space-20: 5rem;    --space-24: 6rem;

  /* ---- Layout ---------------------------------------------------------- */
  --container: 1320px; /* Elementor boxed width on the source */

  /* ---- Elevation ------------------------------------------------------- */
  --shadow-card: 0 20px 25px -5px rgb(0 0 0 / .08), 0 8px 10px -6px rgb(0 0 0 / .08);
  --shadow-soft: 0 10px 15px -3px rgb(0 0 0 / .07), 0 4px 6px -4px rgb(0 0 0 / .07);
}