/* Hero Schumann — „Werkstatt-Signal"
   Vorbild ist das Hallenschild: schwarze Kursivschrift auf blauem Band.
   Dazu Betongrau als Fläche und Graphit als dunkle Bühne. */
:root {
  /* Flächen */
  --concrete: #f3f3f1;   /* Grundfläche, Betonton */
  --concrete-2: #e7e7e3; /* zweite helle Fläche */
  --white: #ffffff;
  --graphite: #16181b;   /* dunkle Bühne */
  --graphite-2: #0e1013; /* Footer */
  --steel: #3f4750;

  /* Marke */
  --signal: #1d5fc4;     /* UI-Blau: trägt weißen Text */
  --sign-blue: #4a8ae0;  /* helleres Blau des Hallenschilds — trägt die
                            schwarze Kursivschrift der Wortmarke lesbar */
  --signal-deep: #164a9b;
  --signal-wash: #e2ecfa;
  --amber: #f2b705;      /* Warnfarbe, sehr sparsam */

  /* Schrift */
  --ink: #16181b;
  --ink-soft: #5a6167;
  --on-dark: #eceef0;
  --on-dark-soft: rgba(236, 238, 240, 0.68);

  /* Linien — hauchdünn, technisch */
  --line: rgba(22, 24, 27, 0.16);
  --line-strong: rgba(22, 24, 27, 0.34);
  --line-dark: rgba(236, 238, 240, 0.18);

  /* Typografie */
  --display: "Barlow Condensed", "Oswald", "Helvetica Neue", sans-serif;
  --sans: "Barlow", "Helvetica Neue", sans-serif;
  --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.09rem);
  --text-sm: 0.88rem;
  --text-eyebrow: clamp(0.68rem, 0.64rem + 0.2vw, 0.76rem);
  --text-h1: clamp(2.8rem, 1.4rem + 6vw, 7rem);
  --text-h2: clamp(2.1rem, 1.4rem + 3vw, 4.2rem);
  --text-h3: clamp(1.3rem, 1.15rem + 0.7vw, 1.7rem);

  /* Rhythmus — weiche, großzügig gerundete Container */
  --space-section: clamp(3.5rem, 2.5rem + 4vw, 6.5rem);
  --space-block: clamp(1.8rem, 1.4rem + 1.6vw, 2.8rem);
  --gutter: clamp(1.25rem, 4vw, 4rem);
  --shell-max: 76rem;
  /* Innenabstand, der randlose Spalten auf denselben Satzspiegel bringt
     wie die .shell-Abschnitte — sonst springt der Textanfang. */
  --shell-pad: max(var(--gutter), calc((100vw - var(--shell-max)) / 2));
  --radius: clamp(1.1rem, 0.9rem + 1.2vw, 1.9rem);
  --radius-s: 0.75rem;
  --radius-pill: 999px;

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