:root {
  /* Logo: Schrift & Basis */
  --color-primary: #2c3e50;
  --color-primary-dark: #1f2d3a;
  --color-primary-rgb: 44, 62, 80;

  /* Logo: Orange aus dem Farbring */
  --color-accent: #f48007;
  --color-accent-hover: #d96800;
  --color-accent-rgb: 244, 128, 7;

  /* Logo: Farbspritzer-Palette */
  --color-paint-blue: #1471c1;
  --color-paint-green: #19b047;
  --color-paint-yellow: #ffd203;
  --color-paint-orange: #f48007;
  --color-paint-red: #e02627;

  --color-text: #2c3e50;
  --color-text-muted: #5a6b7a;
  --color-bg: #ffffff;
  --color-bg-alt: #f6f7f9;
  --color-border: #e2e6eb;
  --color-success: #19b047;
  --font-body: "Source Sans 3", system-ui, sans-serif;
  --font-heading: "Source Sans 3", system-ui, sans-serif;
  --shadow-sm: 0 2px 8px rgba(44, 62, 80, 0.08);
  --shadow-md: 0 8px 24px rgba(44, 62, 80, 0.12);
  --radius: 8px;
  --radius-lg: 12px;
  --header-height: 128px;
  --container-max: 1140px;
  --transition: 0.2s ease;
  --gradient-paint: linear-gradient(
    90deg,
    var(--color-paint-blue),
    var(--color-paint-green),
    var(--color-paint-yellow),
    var(--color-paint-orange),
    var(--color-paint-red)
  );
}