/* Design-Tokens — eine Quelle für Farbe, Schrift, Abstand, Bewegung */
@font-face{
  font-family:"Poppins";
  src:url("../fonts/poppins-300.woff2") format("woff2");
  font-weight:300;
  font-display:swap;
}
@font-face{
  font-family:"Poppins";
  src:url("../fonts/poppins-400.woff2") format("woff2");
  font-weight:400;
  font-display:swap;
}
@font-face{
  font-family:"Poppins";
  src:url("../fonts/poppins-700.woff2") format("woff2");
  font-weight:700;
  font-display:swap;
}
@font-face{
  font-family:"Poppins";
  src:url("../fonts/poppins-800.woff2") format("woff2");
  font-weight:800;
  font-display:swap;
}

:root{
  /* Marke */
  --petrol:#2f3b45;
  --petrol-deep:#1f2a32;
  --petrol-soft:#45525c;
  --lime:#d9ea00;
  --lime-deep:#b5c400;
  --mist:#7f9fa8;

  /* Flächen & Text */
  --bg:#f3f5f7;
  --bg-elev:#ffffff;
  --bg-tint:#e6eef0;
  --ink:#1f2a32;
  --ink-soft:#4b5d66;
  --ink-mute:#7b8b93;
  --line:#d8e0e4;
  --line-strong:#b9c6cc;

  /* Typografie */
  --font-display:"Poppins",ui-sans-serif,system-ui,sans-serif;
  --font-body:"Poppins",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --text-sm:.875rem;
  --text-base:clamp(1rem,.95rem + .25vw,1.0625rem);
  --text-lg:clamp(1.125rem,1rem + .5vw,1.3125rem);
  --text-h3:clamp(1.25rem,1.1rem + .7vw,1.625rem);
  --text-h2:clamp(1.7rem,1.3rem + 2vw,2.8rem);
  --text-h1:clamp(2.2rem,1.4rem + 3.8vw,4.4rem);
  --text-numeral:clamp(4rem,2rem + 9vw,9rem);

  /* Raum */
  --space-1:.25rem;
  --space-2:.5rem;
  --space-3:.75rem;
  --space-4:1rem;
  --space-5:1.5rem;
  --space-6:2rem;
  --space-7:3rem;
  --space-8:4.5rem;
  --space-section:clamp(4rem,3rem + 5vw,8.5rem);
  --wrap:1180px;
  --gutter:clamp(1rem,4vw,2.5rem);

  /* Form */
  --radius-sm:10px;
  --radius:16px;
  --radius-lg:26px;
  --radius-pill:999px;
  --shadow-soft:0 10px 30px rgba(16,34,42,.08);
  --shadow-float:0 24px 70px rgba(16,34,42,.16);
  --shadow-lime:0 0 0 6px rgba(217,234,0,.22);

  /* Bewegung */
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-snap:cubic-bezier(.2,.85,.25,1);
  --dur-fast:150ms;
  --dur:300ms;
  --dur-slow:700ms;
  --orbit-period:36s;
}