/* Elektro-Heise — Blueprint-Design-Tokens
   Logo: Blau #1c7cb8, Blitz-Orange ~#f26522 */
:root {
  /* Farbwelt */
  --blue: #1c7cb8;
  --blue-strong: #146396;
  --blue-dark: #145e8f;
  --navy: #0d2c40;      /* dunkle Flächen */
  --navy-2: #092230;
  --ice: #f2f7fa;       /* kühler Seitenhintergrund */
  --white: #ffffff;
  --orange: #f26522;    /* Energie-Akzent */
  --orange-soft: #fde8dc;
  --sky: #bfe0f5;       /* helle Blau-Wäsche */
  --sky-wash: #e4f1fa;
  --ink: #16232c;
  --ink-soft: #55606b;
  --line: rgba(22, 35, 44, 0.14);
  --line-strong: rgba(22, 35, 44, 0.3);
  --line-blue: rgba(28, 124, 184, 0.35);
  --line-dark: rgba(242, 247, 250, 0.16);
  --ice-on-dark: #eef5fa;
  --ice-on-dark-soft: rgba(238, 245, 250, 0.68);

  /* Typografie */
  --display: "Sora", "Avenir Next", sans-serif;
  --sans: "Karla", "Helvetica Neue", sans-serif;
  --hand: "Caveat", cursive;
  --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.1rem);
  --text-sm: 0.88rem;
  --text-eyebrow: clamp(0.7rem, 0.66rem + 0.2vw, 0.78rem);
  --text-h1: clamp(2.05rem, 1rem + 3.1vw, 3.25rem); /* „Meisterfachbetrieb" muss in die Hero-Spalte passen */
  --text-h2: clamp(1.8rem, 1.2rem + 2.4vw, 3.1rem);
  --text-h3: clamp(1.2rem, 1.05rem + 0.6vw, 1.5rem);
  --text-stat: clamp(2.8rem, 2rem + 3.4vw, 4.8rem);

  /* Rhythmus */
  --space-section: clamp(4rem, 3rem + 5vw, 8rem);
  --space-block: clamp(2rem, 1.5rem + 2vw, 3.2rem);
  --gutter: clamp(1.25rem, 4vw, 4rem);
  --radius: 14px;
  --radius-sm: 8px;
  --radius-pill: 999px;

  /* Motion */
  --duration-fast: 160ms;
  --duration-normal: 320ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}