/* SC kelag Ferlach — Design Tokens (OKLCH, dark + neon) */
:root {
  /* Flächen — Arena-Nacht, blau-getönt (nie #000) */
  --bg:        oklch(0.16 0.028 255);
  --surface:   oklch(0.21 0.032 255);
  --surface-2: oklch(0.26 0.034 255);
  --line:      oklch(0.34 0.030 255 / 0.6);

  /* Neon-Blau — das Signal */
  --neon:      oklch(0.72 0.19 245);
  --neon-soft: oklch(0.72 0.19 245 / 0.14);
  --neon-glow: oklch(0.82 0.16 240);

  /* Vereinsblau */
  --brand:     oklch(0.48 0.15 255);

  /* Text — weiß, blau-getönt (nie #fff) */
  --fg:        oklch(0.97 0.008 255);
  --fg-muted:  oklch(0.74 0.020 255);

  /* Type */
  --font-display: "Saira Condensed", "Arial Narrow", sans-serif;
  --font-body: "Saira", system-ui, sans-serif;
  --step--1: clamp(0.83rem, 0.8rem + 0.15vw, 0.9rem);
  --step-0:  clamp(1rem, 0.95rem + 0.25vw, 1.13rem);
  --step-1:  clamp(1.33rem, 1.2rem + 0.65vw, 1.8rem);
  --step-2:  clamp(1.9rem, 1.6rem + 1.5vw, 3rem);
  --step-3:  clamp(2.8rem, 2rem + 4vw, 5.5rem);
  --step-4:  clamp(3.8rem, 2.2rem + 8vw, 9rem);

  /* Space */
  --sp-1: 0.25rem; --sp-2: 0.5rem; --sp-3: 0.75rem; --sp-4: 1rem; --sp-5: 1.25rem; --sp-6: 1.5rem;
  --sp-10: 2.5rem; --sp-14: 3.5rem; --sp-20: 5rem;
  --sp-8: 2rem; --sp-12: 3rem; --sp-16: 4rem; --sp-24: 6rem; --sp-32: 8rem;

  --radius: 14px;
  --shadow: 0 20px 50px -20px oklch(0.05 0.02 255 / 0.8);
  --glow: 0 0 0 1px var(--neon-soft), 0 0 30px -6px var(--neon);
  --ease: cubic-bezier(0.16, 1, 0.3, 1); /* ease-out-expo-ish */
  --wrap: 1200px;
}