/* Tanzschule Schrock-Opitz — Dancefloor-Design-Tokens
   Markenfarbe aus Logo: #dc003c (Crimson) */
:root {
  /* Farbwelt — dunkler Ballsaal */
  --floor: #131014;
  --floor-2: #1c171d;
  --floor-3: #262028;
  --crimson: #dc003c;
  --crimson-bright: #ff3d68;
  --crimson-deep: #a80030;
  --chalk: #f6f1f3;
  --chalk-soft: rgba(246, 241, 243, 0.64);
  --gold: #e8c67a;
  --line: rgba(246, 241, 243, 0.14);
  --line-strong: rgba(246, 241, 243, 0.3);

  /* Helle Kontrast-Sektion */
  --paper: #f3edef;
  --paper-2: #e9e1e4;
  --ink: #1c171d;
  --ink-soft: #5f5660;
  --line-light: rgba(28, 23, 29, 0.16);

  /* Typografie */
  --display: "Bricolage Grotesque", "Arial Black", sans-serif;
  --sans: "Instrument Sans", "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(2.9rem, 1.2rem + 7vw, 7.5rem);
  --text-h2: clamp(2.1rem, 1.3rem + 3.4vw, 4.2rem);
  --text-h3: clamp(1.35rem, 1.15rem + 0.8vw, 1.8rem);
  --text-stat: clamp(3.2rem, 2.2rem + 4.5vw, 6rem);

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

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