:root {
  /* =========================================================
     COLORS
     Neue zentrale System-Tokens
     ========================================================= */
  --color-primary: #204f78;
  --color-primary-soft: #edf3f8;
  --color-secondary: #d97927;
  --color-secondary-soft: #fcf2e9;
  --color-border: #d9e1ea;
  --color-border-soft: #e5ebf1;
  --color-text-primary: #17324a;
  --color-text-secondary: #607284;
  --color-surface: #ffffff;
  --color-surface-soft: #f8fafc;
  --color-surface-muted: #f4f7fb;
  --color-background: #eef2f6;
  --color-danger: #b42318;
  --color-danger-soft: #fff5f5;
  --color-success: #067647;
  --color-success-soft: #ecfdf3;
  --color-warning: #8a5a00;
  --color-warning-soft: #fff7e6;

  /* =========================================================
     SPACING
     ========================================================= */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 12px;
  --spacing-lg: 16px;
  --spacing-xl: 24px;

  /* =========================================================
     TYPOGRAPHY
     ========================================================= */
  --font-family-base: "Segoe UI", Arial, sans-serif;
  --font-size-xs: 0.82rem;
  --font-size-sm: 0.92rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.15rem;
  --font-size-xl: 1.4rem;

  --font-title: var(--font-size-xl);
  --font-subtitle: 1.26rem;
  --font-standard: 0.94rem;
  --font-muted: var(--font-size-xs);
  --font-size-input: var(--font-standard);

  /* =========================================================
     RADII / SHAPE
     ========================================================= */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 18px;
  --radius-pill: 999px;

  --border-radius-standard: var(--radius-md);
  --container-radius: var(--radius-xl);

  /* =========================================================
     CONTROLS
     ========================================================= */
  --control-height-sm: 36px;
  --control-height: 44px;
  --control-height-lg: 48px;
  --padding-input-horizontal: 12px;

  --button-height: var(--control-height);
  --button-padding-horizontal: var(--spacing-lg);
  --button-width: 220px;
  --icon-size-small: 0.95rem;
  --icon-size-medium: 1.35rem;
  --icon-size-large: 1.6rem;
  --icon-size: var(--icon-size-medium);
  --header-height: auto;

  /* =========================================================
     CONTAINERS
     ========================================================= */
  --container-padding: var(--spacing-lg);
  --container-gap: var(--spacing-lg);

  /* =========================================================
     SHADOWS
     ========================================================= */
  --shadow-soft: 0 4px 14px rgba(15,23,42,.04);
  --shadow-medium: 0 10px 30px rgba(22,50,79,.06);
  --shadow-strong: 0 16px 36px rgba(22,50,79,.12);

  --shadow-standard: var(--shadow-medium);

  /* =========================================================
     LAYERS
     ========================================================= */
  --z-dropdown: 1000;
  --z-overlay: 1100;
  --z-modal: 1200;

  /* =========================================================
     RESPONSIVE
     ========================================================= */
  --breakpoint-mobile: 700px;
  --breakpoint-tablet: 900px;
  --breakpoint-desktop: 1200px;

  /* =========================================================
     MOTION
     ========================================================= */
  --transition-fast: 120ms ease;
  --transition-base: 180ms ease;

  /* =========================================================
     LEGACY / GWFT ALIASES
     Bestehende Module bleiben funktionsfähig.
     ========================================================= */
  --gwft-color-primary: var(--color-primary);
  --gwft-color-primary-strong: #16324f;
  --gwft-color-accent: var(--color-secondary);
  --gwft-color-surface: var(--color-surface);
  --gwft-color-surface-soft: var(--color-surface-soft);
  --gwft-color-surface-muted: var(--color-surface-muted);
  --gwft-color-border: var(--color-border);
  --gwft-color-border-soft: var(--color-border-soft);
  --gwft-color-text: var(--color-text-primary);
  --gwft-color-text-muted: var(--color-text-secondary);
  --gwft-color-success: var(--color-success);
  --gwft-color-success-bg: var(--color-success-soft);
  --gwft-color-warning: var(--color-warning);
  --gwft-color-warning-bg: var(--color-warning-soft);
  --gwft-color-danger: var(--color-danger);
  --gwft-color-danger-bg: var(--color-danger-soft);

  --gwft-radius-sm: var(--radius-sm);
  --gwft-radius-md: var(--radius-md);
  --gwft-radius-lg: var(--radius-lg);
  --gwft-radius-xl: var(--radius-xl);
  --gwft-radius-pill: var(--radius-pill);

  --gwft-spacing-xs: var(--spacing-xs);
  --gwft-spacing-sm: var(--spacing-sm);
  --gwft-spacing-md: var(--spacing-md);
  --gwft-spacing-lg: var(--spacing-lg);
  --gwft-spacing-xl: var(--spacing-xl);

  --gwft-font-size-xs: var(--font-size-xs);
  --gwft-font-size-sm: var(--font-size-sm);
  --gwft-font-size-md: var(--font-size-md);
  --gwft-font-size-lg: var(--font-size-lg);
  --gwft-font-size-xl: var(--font-size-xl);

  --gwft-control-height-sm: var(--control-height-sm);
  --gwft-control-height-md: var(--control-height);
  --gwft-control-height-lg: var(--control-height-lg);

  --gwft-shadow-sm: var(--shadow-soft);
  --gwft-shadow-md: var(--shadow-medium);
  --gwft-shadow-lg: var(--shadow-strong);

  --gwft-transition-fast: var(--transition-fast);
  --gwft-transition-base: var(--transition-base);
}