:root {
  /* Primärfarben */
  --primary-1: #545453; /* CMYK 0/0/0/81 | RGB 85 85 84 */
  --primary-2: #AB1643; /* CMYK 23/100/56/16 | RGB 171 22 67 */
  --primary-3: #333333; /* Neutral (Text, Flächen) – kein Kundenwert */

  /* Akzentfarben */
  --accent-1: #DD6128; /* CMYK 9/72/90/0 | RGB 221 97 41 */
  --accent-2: #F59C00; /* CMYK 0/45/100/0 | RGB 245 156 0 */
  --accent-3: #16AB7E; /* CMYK 76/0/63/0 | RGB 22 171 126 */

  /* Utility */
  --font-sans: 'Open Sans', sans-serif;
  --max-width: 1200px;
  --header-height: 4rem;
}

/* Utility-Klassen */
.bg-primary-1 { background-color: var(--primary-1); }
.bg-primary-2 { background-color: var(--primary-2); }
.bg-primary-3 { background-color: var(--primary-3); }
.text-primary-1 { color: var(--primary-1); }
.text-primary-2 { color: var(--primary-2); }
.text-primary-3 { color: var(--primary-3); }
.bg-accent-1 { background-color: var(--accent-1); }
.bg-accent-2 { background-color: var(--accent-2); }
.bg-accent-3 { background-color: var(--accent-3); }
.text-accent-1 { color: var(--accent-1); }
.text-accent-2 { color: var(--accent-2); }
.text-accent-3 { color: var(--accent-3); }