/* Poppins lokal gehostet – keine Verbindung zu Google Fonts */
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 300; font-display: swap; src: url("/assets/fonts/Poppins-Light.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/fonts/Poppins-Regular.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 500; font-display: swap; src: url("/assets/fonts/Poppins-Medium.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/fonts/Poppins-SemiBold.woff2") format("woff2"); }

/* Metrisch angepasster Ersatz: Poppins ist pro Zeichen ~32% breiter als Arial. Ohne Angleichung
   brechen Zeilen im ersten Frame anders um und springen beim Font-Swap (gemessen CLS 0.196 mobil).
   Werte aus den echten Fontdateien gerechnet (Poppins upem 1000 / avg 582, Arial 2048 / 904). */
@font-face {
  font-family: "Poppins Fallback";
  src: local("Arial"), local("Helvetica Neue"), local("Roboto"), local("Liberation Sans");
  size-adjust: 131.8513%;
  ascent-override: 79.6351%;
  descent-override: 26.5450%;
  line-gap-override: 7.5843%;
}

/* Dego Motors — design tokens.
 * Extracted 2026-09-10 from the live site, not guessed:
 *   · Elementor kit CSS  /wp-content/uploads/elementor/css/post-8.css (--e-global-color-*, --e-global-typography-*)
 *   · computed styles on degomotors.com (h1/h2/button/eyebrow/section backgrounds) at 1440px
 * Radius vocabulary: none=0 · slight=7px (this client) · round=14px · full=999px.
 */
:root {
  /* ---- Brand ---------------------------------------------------------- */
  --color-accent:        #34D330;  /* e-global-color-accent — CTA green */
  --color-accent-hover:  #5FDB54;  /* e-global-color-ef1023b — button hover */
  --color-accent-ink:    #191919;  /* Text auf Gruen: Weiss erreicht nur 2,0:1, Dunkel 8,8:1 (WCAG AA) */
  --color-accent-text:   #23801F;  /* Gruen als Schrift auf hellen Flaechen: min. 4,57:1 bis surface-3 */
  --color-accent-tint:   #EBFBE8;  /* e-global-color-9166b26 */
  --color-accent-deep:   #2F7D67;  /* e-global-color-e0dfe63 */

  /* ---- Ink ------------------------------------------------------------ */
  --color-ink:           #3D3935;  /* e-global-color-primary — headings */
  --color-ink-strong:    #191919;  /* e-global-color-text */
  --color-body:          #333333;  /* rendered body copy */
  --color-body-muted:    #6B6560;
  --color-on-dark:       #FFFFFF;
  --color-on-dark-muted: rgba(255,255,255,.82);

  /* ---- Surfaces ------------------------------------------------------- */
  --color-surface:       #FFFFFF;
  --color-surface-2:     #F9FAFB;  /* rendered "about" band */
  --color-surface-3:     #F3F4F6;  /* rendered "inventory"/"ankauf" bands */
  --color-surface-warm:  #FDF8F3;  /* e-global-color-secondary — warm cream */
  --color-surface-dark:  #3D3935;  /* topbar / dark bands */
  --color-line:          #E5E7EB;
  --color-line-strong:   #D5D2CE;

  /* ---- Status --------------------------------------------------------- */
  --color-danger:        #EA4746;  /* e-global-color-492b5db */
  --color-focus:         #1B6E19;

  /* ---- Type ----------------------------------------------------------- */
  --font-display: "Poppins", "Poppins Fallback", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body:    "Poppins", "Poppins Fallback", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fw-light: 300; --fw-regular: 400; --fw-medium: 500; --fw-semibold: 600;

  /* fluid: mobile value from the kit's 767px override, desktop from the kit base */
  --fs-h1:      clamp(1.5625rem, 1rem + 2.6vw, 3.125rem);   /* 25 -> 50px */
  --fs-h2:      clamp(1.5rem,   1.1rem + 1.8vw, 2.25rem);   /* 24 -> 36px */
  --fs-h3:      clamp(1.25rem,  1.05rem + .9vw, 1.375rem);  /* 20 -> 22px */
  --fs-lead:    clamp(1.0625rem, .95rem + .6vw, 1.375rem);  /* 17 -> 22px */
  --fs-body:    1rem;      /* 16px */
  --fs-small:   .875rem;
  --fs-eyebrow: 1rem;

  --lh-tight: 1.1;   /* h2 */
  --lh-head:  1.2;   /* h1 */
  --lh-body:  1.5;
  --ls-eyebrow: .625rem;  /* 10px — the site's signature wide tracking */

  /* ---- Space (8pt) ---------------------------------------------------- */
  --space-1:.25rem; --space-2:.5rem;  --space-3:.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;
  --section-y: clamp(3.5rem, 6vw, 6rem);

  /* ---- Radius / shadow / layout --------------------------------------- */
  --radius:      7px;      /* confirmed: Elementor button border-radius */
  --radius-lg:   12px;
  --radius-pill: 999px;
  --shadow-card: 0 1px 2px rgba(25,25,25,.05), 0 8px 24px rgba(25,25,25,.07);
  --shadow-lift: 0 4px 12px rgba(25,25,25,.10), 0 16px 40px rgba(25,25,25,.10);

  --container:        1320px;   /* confirmed: inner width at 1440 viewport */
  --container-narrow: 840px;    /* confirmed: FAQ / prose sections */
  --gutter: 20px;
  --bp-md: 768px;
  --bp-lg: 1025px;

  /* ---- Aliase für den Cookie-Banner aus consent.js (Inception-Standard: --c-*) ---- */
  --font-sans: var(--font-body);
  --c-bg: var(--color-surface);
  --c-ink: var(--color-ink);
  --c-text: var(--color-body);
  --c-muted: var(--color-body-muted);
  --c-line: var(--color-line);
  --c-primary: var(--color-accent-deep);
  --radius-pill: 999px;
  --shadow-lg: var(--shadow-lift);
}