/* Brinkmann Bau — Beton/Signal-Design-Tokens
   Markenfarben aus Logo: #e50000 (Signalrot), Grau */
:root {
  /* Farbwelt */
  --red: #e50000;
  --red-deep: #b30000;
  --concrete: #f0eeea;      /* heller Beton */
  --concrete-2: #e5e2db;
  --anthracite: #232326;    /* dunkle Flächen */
  --anthracite-2: #1a1a1d;
  --steel: #6d6d72;
  --ink: #232326;
  --ink-soft: #5c5c61;
  --chalk: #f4f2ee;
  --chalk-soft: rgba(244, 242, 238, 0.66);
  --line: rgba(35, 35, 38, 0.16);
  --line-strong: rgba(35, 35, 38, 0.4);
  --line-dark: rgba(244, 242, 238, 0.16);

  /* Typografie */
  --display: "Anton", "Arial Narrow", sans-serif;
  --sans: "Space Grotesk", "Helvetica Neue", sans-serif;
  --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.1rem);
  --text-eyebrow: clamp(0.7rem, 0.66rem + 0.2vw, 0.8rem);
  --text-h1: clamp(3rem, 1.4rem + 7vw, 8rem);
  --text-h2: clamp(2rem, 1.3rem + 3vw, 4rem);
  --text-h3: clamp(1.3rem, 1.1rem + 0.8vw, 1.7rem);
  --text-stat: clamp(3rem, 2rem + 4.5vw, 5.8rem);

  /* Rhythmus */
  --space-section: clamp(4.5rem, 3rem + 6vw, 9rem);
  --space-block: clamp(2rem, 1.5rem + 2vw, 3.5rem);
  --gutter: clamp(1.25rem, 4vw, 4rem);
  --radius: 2px;

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

  /* Baustellen-Streifen */
  --hazard: repeating-linear-gradient(
    -45deg,
    var(--red) 0 14px,
    var(--anthracite) 14px 28px
  );
}