/* ==========================================================================
   PROTEINPUSHER — Design-Tokens (nur Dunkel, laut CI / DESIGN.md)
   Grau-zu-Schwarz-Fade, Signalrot als einzige Akzentfarbe, Anton + Poppins.
   ========================================================================== */
:root {
  color-scheme: dark;

  --bg: #0A0A0A;
  --bg-raised: #121212;
  --surface: #151515;
  --surface-2: #1B1B1B;
  --line: #262626;
  --line-strong: #3A3A3A;

  --text: #F5F5F5;
  --text-body: #D4D4D4;
  --text-muted: #9A9A9A;
  --text-subtle: #6A6A6A;

  --red: #E8232B;
  --red-strong: #D41E26;
  --red-deep: #A8161C;
  --red-soft: rgba(232, 35, 43, .12);

  --tp-green: #00B67A;      /* nur für Trustpilot-Sterne */

  --fade: radial-gradient(115% 80% at 22% 0%, #2B2B2B 0%, rgba(43,43,43,0) 68%), linear-gradient(180deg, #1C1C1C 0%, #131313 48%, #0A0A0A 80%);
  --fade-center: radial-gradient(95% 80% at 50% 0%, #2B2B2B 0%, rgba(43,43,43,0) 68%), linear-gradient(180deg, #1D1D1D 0%, #141414 48%, #0A0A0A 80%);

  --font-display: "Anton", "Arial Narrow", sans-serif;
  --font-body: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fs-hero: clamp(3.25rem, 7vw, 6.5rem);
  --fs-h2: clamp(2.25rem, 4.4vw, 4rem);
  --fs-h3: clamp(1.25rem, 1.8vw, 1.5rem);
  --fs-lead: clamp(1.125rem, 1.4vw, 1.3125rem);
  --fs-body: clamp(1rem, 1.05vw, 1.0625rem);
  --fs-small: .875rem;
  --fs-label: .75rem;

  --lh-display: 1.15;       /* Anton-Caps: genug Luft für Umlaute */
  --lh-body: 1.7;

  --container: 1240px;
  --narrow: 860px;
  --gutter: clamp(1.25rem, 5vw, 4rem);
  --section-y: clamp(5rem, 10vw, 8.5rem);
  --header-h: 88px;

  --ease-out: cubic-bezier(.2, .8, .2, 1);
  --ease-in-out: cubic-bezier(.7, 0, .3, 1);
  --t-fast: 160ms;
  --t-base: 320ms;
  --t-reveal: 800ms;
}
@media (max-width: 767px) { :root { --header-h: 72px; } }