/**
 * GENERIERT -- NICHT VON HAND BEARBEITEN.
 * Quelle: design/tokens/design-tokens.json (v1.1.1)
 * Neu erzeugen: python3 scripts/build-tokens.py
 * Siehe design/migration/tasks/web/004-vw-tokens-css.md
 */

:root {
  /* Farben (Hell-Werte) */
  --vw-primary-600: #5B4BC4;
  --vw-primary-700: #40339C;
  --vw-primary-300: #A89BEF;
  --vw-primary-50: #EEEBFB;
  --vw-info-300: #8FB8E8;
  --vw-info-50: #E9F1FA;
  --vw-info-700: #274D6D;
  --vw-ink-900: #1C1B24;
  --vw-ink-600: #55515E;
  --vw-ink-400: #7A7686;
  --vw-surface-0: #FFFFFF;
  --vw-surface-50: #F8F8FB;
  --vw-border-200: #E6E4EE;
  --vw-success-600: #2E7D52;
  --vw-warning-600: #B3841D;
  --vw-error-600: #BB3A2E;

  /* Typografie */
  --vw-font-serif: 'Source Serif 4', serif;
  --vw-font-sans: 'IBM Plex Sans', sans-serif;
  --vw-font-mono: 'IBM Plex Mono', monospace;
  --vw-type-display-font-family: var(--vw-font-serif);
  --vw-type-display-font-weight: 600;
  --vw-type-display-font-size: 40px;
  --vw-type-display-line-height: 44px;
  --vw-type-display-letter-spacing: -1%;
  --vw-type-h1-font-family: var(--vw-font-serif);
  --vw-type-h1-font-weight: 600;
  --vw-type-h1-font-size: 32px;
  --vw-type-h1-line-height: 38px;
  --vw-type-h2-font-family: var(--vw-font-serif);
  --vw-type-h2-font-weight: 600;
  --vw-type-h2-font-size: 26px;
  --vw-type-h2-line-height: 32px;
  --vw-type-h3-font-family: var(--vw-font-sans);
  --vw-type-h3-font-weight: 600;
  --vw-type-h3-font-size: 18px;
  --vw-type-h3-line-height: 24px;
  --vw-type-body-font-family: var(--vw-font-sans);
  --vw-type-body-font-weight: 400;
  --vw-type-body-font-size: 16px;
  --vw-type-body-line-height: 26px;
  --vw-type-body-sm-font-family: var(--vw-font-sans);
  --vw-type-body-sm-font-weight: 400;
  --vw-type-body-sm-font-size: 14px;
  --vw-type-body-sm-line-height: 22px;
  --vw-type-caption-font-family: var(--vw-font-sans);
  --vw-type-caption-font-weight: 500;
  --vw-type-caption-font-size: 13px;
  --vw-type-caption-line-height: 18px;
  --vw-type-overline-font-family: var(--vw-font-sans);
  --vw-type-overline-font-weight: 600;
  --vw-type-overline-font-size: 12px;
  --vw-type-overline-line-height: 16px;
  --vw-type-overline-letter-spacing: 8%;
  --vw-type-overline-text-transform: uppercase;

  /* Radien */
  --vw-radius-sm: 8px;
  --vw-radius-md: 12px;
  --vw-radius-lg: 16px;
  --vw-radius-full: 999px;

  /* Abstaende (4px-Basis) */
  --vw-space-1: 4px;
  --vw-space-2: 8px;
  --vw-space-3: 12px;
  --vw-space-4: 16px;
  --vw-space-5: 24px;
  --vw-space-6: 32px;
  --vw-space-7: 48px;
  --vw-space-8: 64px;

  /* Schatten */
  --vw-shadow-hover: 0 6px 20px rgba(91, 75, 196, 0.10);
  --vw-shadow-overlay: 0 16px 48px rgba(28, 27, 36, 0.18);
  --vw-scrim: rgba(28, 27, 36, 0.5);

  /* Breakpoints */
  --vw-bp-sm-max: 639px;
  --vw-bp-sm-columns: 4;
  --vw-bp-sm-margin: 16px;
  --vw-bp-md-min: 640px;
  --vw-bp-md-max: 1023px;
  --vw-bp-md-columns: 8;
  --vw-bp-md-margin: 24px;
  --vw-bp-lg-min: 1024px;
  --vw-bp-lg-columns: 12;
  --vw-bp-lg-margin: 24px;
  --vw-content-max: 1200px;
  --vw-reading-column-max: 720px;
}