/* Design-Tokens — aus enzympower.at extrahiert (3.6.2026).
   Blaupause: pro Kunde nur diese Datei + Logo/Fonts tauschen. */
:root {
  /* Marke */
  --color-primary: #ff7e13;       /* EnzymPower-Orange */
  --color-primary-dark: #e86b18;  /* Hover/aktiv */
  --color-accent: #2acc40;        /* Grün — „Kraftstoff sparen" */
  --color-accent-dark: #23a836;
  --color-ink: #141313;           /* Text */
  --color-muted: #54595f;         /* gedämpfter Text */
  --color-line: #e5e5e5;
  --color-surface: #f4f4f5;       /* helle Sektionsfläche */
  --color-surface-2: #ebebeb;
  --color-bg: #ffffff;
  --color-on-primary: #ffffff;
  --color-footer-bg: #1b1a1a;
  --color-footer-ink: #d9d9da;

  --font-sans: "Source Sans 3", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  /* Fluide Type-Scale (Utopia, ~320 → ~1240px) */
  --step--1: clamp(0.89rem, 0.85rem + 0.18vw, 1.00rem);
  --step-0:  clamp(1.00rem, 0.93rem + 0.33vw, 1.19rem);
  --step-1:  clamp(1.20rem, 1.07rem + 0.62vw, 1.66rem);
  --step-2:  clamp(1.44rem, 1.22rem + 1.07vw, 2.33rem);
  --step-3:  clamp(1.73rem, 1.38rem + 1.70vw, 3.26rem);
  --step-4:  clamp(2.07rem, 1.55rem + 2.60vw, 4.56rem);

  /* Fluider Space-Scale */
  --space-2xs: clamp(0.50rem, 0.46rem + 0.18vw, 0.63rem);
  --space-xs:  clamp(0.75rem, 0.69rem + 0.27vw, 0.94rem);
  --space-s:   clamp(1.00rem, 0.93rem + 0.33vw, 1.19rem);
  --space-m:   clamp(1.50rem, 1.39rem + 0.54vw, 1.81rem);
  --space-l:   clamp(2.00rem, 1.85rem + 0.71vw, 2.50rem);
  --space-xl:  clamp(3.00rem, 2.78rem + 1.07vw, 3.75rem);
  --space-2xl: clamp(4.00rem, 3.60rem + 2.00vw, 5.50rem);

  --container: 72rem;
  --container-narrow: 46rem;
  --radius: 12px;
  --radius-lg: 18px;
  --shadow: 0 1px 3px rgba(20,19,19,.08), 0 8px 24px rgba(20,19,19,.06);
  --shadow-lg: 0 12px 40px rgba(20,19,19,.12);
}