:root {
  /* Markenfarben aus dem EnriVisuals-Logo */
  --navy-950: #04070f;
  --navy-900: #070f24;
  --navy-800: #0b1c3d;
  --navy-700: #123057;
  --blue-600: #1a4f8f;
  --blue-500: #2a6cb0;
  --blue-400: #3f8ed0;
  --blue-300: #6fb2e6;
  --blue-200: #a9d4f2;

  --red-600: #d81f26;
  --red-500: #ef2a2a;

  --black: #05070a;
  --white: #ffffff;

  --gray-50: #f7f8fa;
  --gray-100: #eef0f3;
  --gray-200: #dfe3e8;
  --gray-400: #9aa3b0;
  --gray-600: #5b6472;
  --gray-800: #2a2f38;

  --bg: var(--white);
  --bg-dark: var(--navy-950);
  --text: var(--black);
  --text-inverted: var(--white);
  --text-muted: var(--gray-600);

  --grad-brand: linear-gradient(135deg, var(--navy-950) 0%, var(--blue-600) 55%, var(--blue-400) 100%);
  --grad-brand-soft: linear-gradient(135deg, var(--navy-900) 0%, var(--blue-500) 100%);
  --grad-red: linear-gradient(135deg, #1a0505 0%, var(--red-600) 60%, #ff5b4d 100%);

  --font-display: -apple-system, "SF Pro Display", "Inter", "Helvetica Neue", Arial, sans-serif;
  --font-text: -apple-system, "SF Pro Text", "Inter", "Helvetica Neue", Arial, sans-serif;

  --container-max: 1280px;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 40px;
  --space-5: 64px;
  --space-6: 96px;
  --space-7: 140px;

  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 0.35s;
  --dur-med: 0.7s;
  --dur-slow: 1.1s;
}