:root {
    /* Dark Mode – ruhig, lesbar, ohne Glow */
    --color-background: #111318;
    --color-surface: #1a1d24;
    --color-surface-hover: #22262f;

    --color-primary: #2563eb;
    --color-primary-hover: #1d4ed8;
    --color-secondary: #64748b;
    --color-tertiary: #1e40af;

    --color-logo-word-expert: #f8fafc;
    --color-logo-word-day: #94a3b8;
    --color-logo-smoke-glow: rgba(148, 163, 184, 0.28);
    --color-logo-text-primary: #f8fafc;
    --color-logo-text-gradient: linear-gradient(118deg, #f8fafc 0%, #e2e8f0 45%, #94a3b8 100%);
    --color-logo-text-accent: #94a3b8;

    --color-text: #e2e8f0;
    --color-text-muted: #94a3b8;
    --color-text-inverse: #ffffff;
    --color-headline: #f8fafc;

    --color-border: rgba(148, 163, 184, 0.18);
    --color-border-highlight: rgba(37, 99, 235, 0.35);

    --color-table-row-bg: #1a1d24;
    --color-table-row-hover-overlay: rgba(255, 255, 255, 0.03);
    --color-primary-soft-bg: rgba(37, 99, 235, 0.12);
    --color-primary-soft-border: rgba(37, 99, 235, 0.28);
    --color-primary-focus-shadow: rgba(37, 99, 235, 0.25);

    --color-success: #22c55e;
    --color-error: #ef4444;
    --color-error-hover: #dc2626;
    --color-error-soft-bg: rgba(239, 68, 68, 0.1);
    --color-error-focus-shadow: rgba(239, 68, 68, 0.2);
    --color-warning: #f59e0b;
    --color-info: #3b82f6;

    --color-success-bg: rgba(34, 197, 94, 0.12);
    --color-success-border: rgba(34, 197, 94, 0.3);
    --color-success-text: #86efac;
    --color-error-bg: rgba(239, 68, 68, 0.12);
    --color-error-border: rgba(239, 68, 68, 0.3);
    --color-error-text: #fca5a5;
    --color-info-bg: rgba(59, 130, 246, 0.12);
    --color-info-border: rgba(59, 130, 246, 0.3);
    --color-info-text: #93c5fd;

    --gradient-brand: linear-gradient(135deg, var(--color-primary), #1d4ed8);
    --gradient-text: none;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.25);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.35);
    --shadow-glow: none;
}