/* LEGAL GUARD – Design-Tokens (Brandbook v1.0, Stand 29.04.2026)
   Einzige Quelle für Farben, Typografie, Abstände, Radien und Bewegung. */
:root {
  /* Marke */
  --c-purple: #8A47EB;          /* Primär: CTA, Links, Icons */
  --c-purple-hover: #7A3EE0;
  --c-violet: #7453EC;          /* Sekundär: Verläufe, aktive Zustände */
  --c-lavender: #9A84EB;        /* Nur Icons/große Akzente, nie Fließtext */
  --c-lavender-light: #E3DCFB;  /* Infoboxen, Chips */
  --c-lavender-wash: #F6F2FF;
  --c-purple-text: #5B33C8;     /* Text auf Lavendel/Weiß, AA (Chips, Eyebrow, aktive Navigation) */
  --c-field-border: #8A8A91;    /* Formularrahmen, 3:1 auf Weiß */
  --c-night: #3B2A66;           /* Endton des Dark-Trust-Verlaufs */

  /* Neutral */
  --c-ink: #1D1D1F;
  --c-grey: #6E6E73;            /* Sekundärtext, AA auf Weiß (Brandgrau #86868B nur für Dekor) */
  --c-soft: #F5F5F7;
  --c-border: #D2D2D7;
  --c-white: #FFFFFF;

  /* Semantik */
  --c-ok: #1E7B4F;
  --c-ok-bg: #E3F4EB;

  /* Verläufe */
  --grad-primary: linear-gradient(135deg, #8A47EB 0%, #7453EC 100%);
  --grad-wash: linear-gradient(135deg, #F6F2FF 0%, #E3DCFB 100%);
  --grad-night: linear-gradient(135deg, #1D1D1F 0%, #3B2A66 100%);

  /* Typografie: Systemschrift laut Brandbook, keine externen Fonts */
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --fs-hero: clamp(2.25rem, 1.2rem + 4.6vw, 3.5rem);
  --fs-h2: clamp(1.75rem, 1.2rem + 2.2vw, 2.5rem);
  --fs-h3: clamp(1.125rem, 1rem + 0.5vw, 1.375rem);
  --fs-lead: clamp(1.125rem, 1.02rem + 0.5vw, 1.375rem);
  --fs-body: 1rem;
  --fs-sm: 0.875rem;
  --fs-xs: 0.8125rem;

  /* Raum */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-section: clamp(4rem, 2.5rem + 6vw, 7.5rem);
  --container: 72rem;
  --container-narrow: 48rem;
  --gutter: clamp(1rem, 0.5rem + 2vw, 2rem);

  /* Form */
  --radius-s: 10px;
  --radius-m: 16px;
  --radius-l: 28px;
  --radius-pill: 999px;
  --shadow-card: 0 1px 2px rgb(29 29 31 / 0.06), 0 10px 28px rgb(29 29 31 / 0.07);
  --shadow-lift: 0 2px 4px rgb(29 29 31 / 0.08), 0 20px 44px rgb(116 83 236 / 0.2);

  /* Bewegung */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 150ms;
  --dur: 300ms;
  --dur-slow: 600ms;
}