:root {
    /* Farben */
    --color-primary:     #1a1a2e;
    --color-accent:      #e8d5b7;
    --color-bg:          #f8f7f4;
    --color-surface:     #ffffff;
    --color-border:      #e2e0da;
    --color-text:        #1a1a2e;
    --color-text-muted:  #6b6960;
    --color-success:     #2d6a4f;
    --color-error:       #c1121f;
    --color-warning:     #e76f51;

    /* Typografie */
    --font-sans:      'Inter', system-ui, sans-serif;
    --font-mono:      'JetBrains Mono', monospace;
    --font-size-base: 16px;
    --line-height:    1.6;

    /* Abstände */
    --space-xs:  0.25rem;
    --space-sm:  0.5rem;
    --space-md:  1rem;
    --space-lg:  1.5rem;
    --space-xl:  2rem;
    --space-2xl: 3rem;

    /* Radien */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;

    /* Schatten */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);

    /* User Interface — neue Primärfarben (Admin bleibt unverändert) */
    --user-primary:        #1e4ed8;
    --user-primary-dark:   #1a3fb5;
    --user-primary-light:  #3b6ef5;
    --user-sidebar-bg:     #0f172a;
    --user-sidebar-text:   rgba(255, 255, 255, 0.75);
    --user-sidebar-active: #1e4ed8;
    --user-content-bg:     #f1f5f9;
    --user-surface:        #ffffff;
    --user-border:         #e2e8f0;
    --user-text:           #0f172a;
    --user-text-muted:     #64748b;
    --user-success:        #16a34a;
    --user-error:          #dc2626;
    --user-warning:        #d97706;
    --user-hero-bg:        #1e3a8a;
    --user-hero-text:      #ffffff;
    --user-accent:         #f59e0b;

    --user-font-mono: 'JetBrains Mono', 'Fira Code', monospace;
}