/* intrinsify Funnel-CI-Kit — tokens.css
   Quelle: getComputedStyle-Messung future-leadership.de, 2026-07-15 (siehe design-tokens.md)
   In Funnel-/assets/ kopieren, nicht pro Funnel veraendern. */
:root {
  /* Farben */
  --in-petrol: #255463;
  --in-petrol-overlay: rgba(56, 115, 133, 0.68);
  --in-blau: #52b6d3;
  --in-hellblau: #97d3e4;
  --in-gelb: #ffcd0f;
  --in-hellgelb: #ffeda9;
  --in-pink: #de4480;
  --in-hellpink: #e987ad;
  --in-grau: #707070;
  --in-hellgrau: #f6f6f6;
  --in-text: #000000;
  --in-weiss: #ffffff;

  /* Typografie */
  --in-font: 'Barlow', sans-serif;
  --in-fs-body: 1.35rem;      /* 21.6px */
  --in-fs-body-sm: 1.15rem;   /* 18.4px */
  --in-lh-body: 1.5;
  --in-fs-h1: clamp(2.2rem, 5vw, 3.75rem);  /* 35–60px */
  --in-fs-h2: 2rem;           /* 32px */
  --in-fs-h3: 1.35rem;
  --in-lh-heading: 1.35;

  /* Form */
  --in-radius-btn: 4px;
  --in-radius-sm: 5px;
  --in-radius-card: 7.5px;

  /* Flaechen */
  --in-hero-gradient: linear-gradient(-60deg, var(--in-petrol) 50%, var(--in-blau) 50%);
  --in-hero-overlay: linear-gradient(var(--in-petrol-overlay) 0%, var(--in-blau) 100%);
}

@font-face {
  font-family: 'Barlow';
  src: url('fonts/barlow-regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow';
  src: url('fonts/barlow-semibold.woff2') format('woff2');
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow';
  src: url('fonts/barlow-bold.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
}