:root {
    /* Core — Schwarz/Weiß/Grau */
    --color-primary:        #000000;
    --color-primary-light:  #1a1a1a;
    --color-primary-dark:   #000000;
    --color-primary-bg:     #f5f5f5;

    /* Accent — dezentes Grau */
    --color-accent:         #555555;
    --color-accent-light:   #e8e8e8;
    --color-accent-dark:    #333333;

    /* Neutrals */
    --color-bg:             #ffffff;
    --color-surface:        #ffffff;
    --color-border:         #e5e5e5;
    --color-border-light:   #f0f0f0;
    --color-text:           #0a0a0a;
    --color-text-light:     #6b6b6b;
    --color-text-muted:     #a0a0a0;

    /* Status — gedämpft, minimal */
    --color-success:        #1a1a1a;
    --color-success-bg:     #f0f0f0;
    --color-warning:        #1a1a1a;
    --color-warning-bg:     #f5f5f5;
    --color-error:          #dc2626;
    --color-error-bg:       #fef2f2;
    --color-info:           #1a1a1a;
    --color-info-bg:        #f5f5f5;

    /* Kategorien — monochrom mit Abstufungen */
    --color-cat-a:          #0a0a0a;
    --color-cat-a-bg:       #e5e5e5;
    --color-cat-b:          #404040;
    --color-cat-b-bg:       #f0f0f0;
    --color-cat-c:          #6b6b6b;
    --color-cat-c-bg:       #f5f5f5;

    /* Typography */
    --font-family:          'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --font-size-xs:         0.75rem;
    --font-size-sm:         0.8125rem;
    --font-size-base:       0.9375rem;
    --font-size-lg:         1.0625rem;
    --font-size-xl:         1.25rem;
    --font-size-2xl:        1.5rem;
    --font-size-3xl:        2.25rem;

    /* Spacing */
    --space-xs:   0.25rem;
    --space-sm:   0.5rem;
    --space-md:   1rem;
    --space-lg:   1.5rem;
    --space-xl:   2rem;
    --space-2xl:  3rem;
    --space-3xl:  4rem;

    /* Border Radius — scharf, minimal */
    --radius-sm:  4px;
    --radius-md:  6px;
    --radius-lg:  8px;
    --radius-xl:  12px;
    --radius-full: 9999px;

    /* Shadows — sehr dezent */
    --shadow-sm:  none;
    --shadow-md:  0 1px 3px rgba(0,0,0,0.04);
    --shadow-lg:  0 2px 8px rgba(0,0,0,0.06);

    /* Layout */
    --nav-height:    56px;
    --bottom-nav-h:  60px;
    --sidebar-width: 220px;
    --container-max:  880px;

    /* Transitions */
    --transition: 0.15s ease;
}