:root {
    /* Farben — Basis */
    --bg-base:       #0c0f1a;
    --bg-surface:    #131726;
    --bg-elevated:   #1a1f35;
    --bg-hover:      #1f2540;
    --border:        rgba(255, 255, 255, 0.07);
    --border-strong: rgba(255, 255, 255, 0.14);

    /* Farben — Text */
    --text-primary:   #f0f2f8;
    --text-secondary: #8b95b0;
    --text-muted:     #4d5670;

    /* Farben — Akzente */
    --accent:         #3b82f6;
    --accent-hover:   #2563eb;
    --accent-dim:     rgba(59, 130, 246, 0.15);

    /* Farben — Signale */
    --signal-shock:      #ef4444;
    --signal-shock-dim:  rgba(239, 68, 68, 0.12);
    --signal-repricing:  #f59e0b;
    --signal-repricing-dim: rgba(245, 158, 11, 0.12);
    --signal-rotation:   #10b981;
    --signal-rotation-dim: rgba(16, 185, 129, 0.12);
    --signal-neutral:    #64748b;
    --signal-neutral-dim: rgba(100, 116, 139, 0.12);

    --color-buy:     #10b981;
    --color-sell:    #ef4444;
    --color-neutral: #64748b;

    /* Farben — Charts */
    --chart-inflow:   #10b981;
    --chart-outflow:  #ef4444;
    --chart-line:     #3b82f6;
    --chart-grid:     rgba(255, 255, 255, 0.05);

    /* Typografie */
    --font-sans:  'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-mono:  'JetBrains Mono', 'Fira Code', monospace;

    --text-xs:   0.75rem;
    --text-sm:   0.875rem;
    --text-base: 1rem;
    --text-lg:   1.125rem;
    --text-xl:   1.25rem;
    --text-2xl:  1.5rem;
    --text-3xl:  1.875rem;
    --text-4xl:  2.25rem;

    --font-normal:   400;
    --font-medium:   500;
    --font-semibold: 600;
    --font-bold:     700;

    /* Abstände */
    --space-1:  0.25rem;
    --space-2:  0.5rem;
    --space-3:  0.75rem;
    --space-4:  1rem;
    --space-5:  1.25rem;
    --space-6:  1.5rem;
    --space-8:  2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;

    /* Layout */
    --sidebar-width:     240px;
    --topbar-height:     60px;
    --content-max-width: 1400px;
    --radius-sm:  6px;
    --radius:     10px;
    --radius-lg:  14px;
    --radius-xl:  20px;

    /* Schatten */
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.4);
    --shadow:    0 4px 16px rgba(0,0,0,0.5);
    --shadow-lg: 0 8px 32px rgba(0,0,0,0.6);

    /* Übergänge */
    --transition: 150ms ease;
    --transition-slow: 300ms ease;
}