:root {
    /* === Farben === */
    --primary: #ff9900;
    --text: #333;
    --bg: #ffffff;
    --section-bg-default: rgb(255, 255, 255);
    --section-bg-primary: rgb(233, 233, 233);
    --section-bg-secondary: rgb(255, 250, 244);
    
    /* === Abstände === */
    --spacing-xs: 0.5rem;    /* 8px */
    --spacing-sm: 1rem;      /* 16px */
    --spacing-md: 1.5rem;    /* 24px */
    --spacing-lg: 2rem;      /* 32px */
    --spacing-xl: 3rem;      /* 48px */

    /* === Schriftgrößen === */
    --font-size-xs: 0.75rem;  /* 12px */
    --font-size-sm: 0.875rem; /* 14px */
    --font-size-md: 1rem;     /* 16px */
    --font-size-lg: 1.125rem; /* 18px */
    --font-size-xl: 1.25rem;  /* 20px */
    --font-size-2xl: 1.5rem;  /* 24px */
    --font-size-3xl: 2rem;    /* 32px */

    /* === Layout === */
    --header-height: 5rem;
    --header-height-scrolled: 4rem;
    --container-width: 1400px;

    /* === Z-Index Verwaltung === */
    --z-header: 1000;
    --z-nav: 900;
    --z-content: 1;

    /* === Transitionen === */
    --transition-fast: 0.3s ease;
    --transition-medium: 0.5s ease;
    --transition-slow: 0.8s ease;
}