:root {
    /* === CI Farben === */
    --ci-primary: #006666;          /* Deine Hauptfarbe */
    --ci-primary-dark: #004c4c;
    --ci-secondary: #ffffff;
    --ci-gray: #797979;

    /* Akzentfarben aus deinem alten Theme */
    --ci-accent: #AA07E0;
    --ci-accent-dark: #8906D4;
    --ci-accent-light: #EE03AF;

    /* === Typografie === */
    --font-base: "Manrope", sans-serif;
    --font-heading: "Manrope", sans-serif;

    /* === Layout === */
    --radius: 12px;
    --radius-lg: 20px;
    --shadow: 0 4px 20px rgba(0,0,0,0.08);

    /* === Spacing === */
    --space-xs: 5px;
    --space-sm: 10px;
    --space-md: 20px;
    --space-lg: 40px;
    --space-xl: 80px;

    /* === Sonstige === */
    --transition: 0.3s ease;
}