/* ============================================================
   TOKENS — zentrale Design-Variablen
   ------------------------------------------------------------
   Farben, Schriften, Abstände und Effekte der gesamten Website.
   Änderungen hier wirken sich überall aus — die einzige Datei,
   die man für ein Re-Theming anfassen muss.
   ============================================================ */

:root {
  /* ---------- Farben: Basis ---------- */
  --bg: #050509;              /* Seitenhintergrund (fast Schwarz, leicht Navy) */
  --bg-raised: #0a0a14;       /* leicht angehobene Flächen */
  --surface: #0d0d1a;         /* Karten */
  --surface-2: #13132355;     /* Karten-Innenflächen, Inputs */
  --border: #232338;          /* Standard-Rahmen */
  --border-strong: #34344e;   /* Rahmen bei Hover / Fokus */

  /* ---------- Farben: Akzente ---------- */
  --violet-300: #c9b8ff;      /* helles Lavendel (Submit-Button, Highlights) */
  --violet-400: #a78bfa;      /* Verläufe, Icons */
  --violet-500: #8b5cf6;      /* Hauptakzent Violett */
  --violet-600: #6d4df0;      /* dunkles Violett (Verlauf-Start) */
  --lime-300: #eaf7a0;        /* helles Limette (Hover) */
  --lime-400: #d2ec5f;        /* Hauptakzent Gelbgrün — weicher abgestimmt */
  --lime-500: #b4cf46;        /* dunkleres Limette */

  /* ---------- Farben: Text ---------- */
  --text: #f1f1f7;            /* Haupttext */
  --text-muted: #a0a0b6;      /* Fließtext, Beschreibungen */
  --text-faint: #6c6c82;      /* Fußnoten, Platzhalter */

  /* ---------- Verläufe & Effekte ---------- */
  --gradient-violet: linear-gradient(115deg, #7a5cf0, #9d84f6);  /* sanfterer Verlauf */
  --gradient-text: linear-gradient(115deg, #7c5bf5, #b9a1ff);
  --glow-violet: 0 10px 40px rgba(124, 92, 246, 0.3);
  --glow-violet-soft: 0 0 50px rgba(124, 92, 246, 0.1);          /* Karten: dezenter */
  --glow-lime: 0 0 30px rgba(210, 236, 95, 0.16);

  /* ---------- Typografie ---------- */
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  /* Logo ist eine feste Bilddatei (assets/img/logo.png) — keine Schriftart */

  /* ---------- Layout ---------- */
  --container: 1160px;
  --nav-height: 78px;
  --section-gap: clamp(5rem, 10vw, 8.5rem);   /* vertikaler Abstand zwischen Sektionen */

  /* ---------- Radien ---------- */
  --radius-sm: 10px;          /* Inputs, kleine Chips */
  --radius-md: 16px;          /* Karten */
  --radius-lg: 24px;          /* große Panels (Formular, NDA-Karte) */
  --radius-pill: 999px;       /* Buttons, Tags, Filter */

  /* ---------- Bewegung ---------- */
  --transition: 0.25s ease;
  --transition-slow: 0.5s ease;
}