/* Light Theme */
html[data-theme="light"] {
    /* Grundflächen */
    --color-bg-page: #f3f4f6;
    --color-bg-elevated: #ffffff;
    --color-bg-subtle: #f9fafb;
    --color-bg-soft: #e5e7eb;
    /* Rahmen / Text */
    --color-border-subtle: rgba(148, 163, 184, 0.55);
    --color-border-strong: rgba(30, 64, 175, 0.65);
    --color-text: #020617;
    --color-text-muted: #6b7280;
    --color-text-soft: #9ca3af;
    /* Akzent & Status */
    --color-accent: #f97316;
    --color-accent-soft: rgba(249, 115, 22, 0.10);
    --color-accent-strong: #ea580c;
    --color-success: #16a34a;
    --color-warning: #eab308;
    --color-info: #0ea5e9;
    /* Zusätzliche Statusfarben (für Dots, etc.) */
    --color-status-green: #22c55e;
    --color-status-yellow: #eab308;
    --color-status-purple: #a855f7;
    --color-status-blue: #3b82f6;
    --color-status-red-strong: #dc2626;
    --color-status-green-glow: rgba(34, 197, 94, 0.2);
    --color-status-yellow-glow: rgba(234, 179, 8, 0.2);
    --color-status-purple-glow: rgba(168, 85, 247, 0.2);
    --color-status-blue-glow: rgba(59, 130, 246, 0.2);
    --color-status-red-glow: rgba(220, 38, 38, 0.2);
    --color-status-green-soft-bg: rgba(22, 163, 74, 0.07);
    --color-status-green-soft-border: rgba(22, 163, 74, 0.5);
    --color-status-amber-soft-bg: rgba(234, 179, 8, 0.10);
    --color-status-amber-soft-border: rgba(234, 179, 8, 0.55);
    --color-status-red-soft-bg: rgba(248, 113, 113, 0.18);
    --color-status-red-soft-border: rgba(248, 113, 113, 0.6);
    /* Sidebar */
    --color-sidebar-bg: radial-gradient(circle at top, #e5e7eb 0, #f9fafb 45%, #e5e7eb 100%);
    --color-sidebar-border: rgba(148, 163, 184, 0.7);
    --color-sidebar-text: #0f172a;
    --color-sidebar-text-muted: #9ca3af;
    --color-sidebar-active-bg: rgba(249, 115, 22, 0.10);
    --color-sidebar-active-border: rgba(249, 115, 22, 0.85);
    --color-sidebar-active-dot: #ea580c;
    --color-sidebar-active-icon: #ea580c;
    --color-sidebar-item-hover-bg: rgba(15, 23, 42, 0.03);
    --color-sidebar-item-hover-border: rgba(148, 163, 184, 0.7);
    --color-sidebar-subitem-hover-bg: rgba(15, 23, 42, 0.04);
    --color-sidebar-footer-border: rgba(148, 163, 184, 0.6);
    --color-sidebar-tag-border: rgba(148, 163, 184, 0.8);
    --color-sidebar-tag-bg: rgba(255, 255, 255, 0.9);
    --color-chevron-expanded-bg: rgba(249, 115, 22, 0.10);
    --color-chevron-expanded-text: #ea580c;
    /* Layout / Shell / Overlays */
    --color-shell-gradient-light: rgba(248, 250, 252, 1);
    --color-shell-gradient-strong: rgba(209, 213, 219, 0.9);
    --color-backdrop: rgba(15, 23, 42, 0.25);
    --color-elevation-shadow: rgba(15, 23, 42, 0.12);
    /* Scrollbars */
    --color-scrollbar-thumb: rgba(148, 163, 184, 0.8);
    --color-scrollbar-thumb-soft: rgba(148, 163, 184, 0.6);
    /* Header */
    --color-header-bg: rgba(255, 255, 255, 0.9);
    --color-header-border: rgba(226, 232, 240, 1);
    --color-header-blur: 18px;
    /* User / Chips / Pills */
    --color-user-chip-bg: rgba(248, 250, 252, 0.9);
    --color-user-avatar-bg: rgba(148, 163, 184, 0.15);
    --color-user-avatar-border: rgba(148, 163, 184, 0.35);
    --color-pill-border: rgba(148, 163, 184, 0.7);
    --color-pill-bg: rgba(248, 250, 252, 0.95);
    /* Buttons */
    --color-btn-bg: #f9fafb;
    --color-btn-bg-hover: #e5e7eb;
    --color-btn-text: #0f172a;
    --color-btn-primary-bg: linear-gradient(135deg, #f97316, #ea580c);
    --color-btn-primary-bg-hover: linear-gradient(135deg, #fb923c, #f97316);
    --color-btn-primary-border: rgba(248, 250, 252, 0.0);
    --color-btn-primary-shadow: rgba(249, 115, 22, 0.35);
    --color-btn-ghost-bg: #f9fafb;
    --color-btn-ghost-border: rgba(148, 163, 184, 0.9);
    --color-btn-ghost-bg-hover: #e5e7eb;
    /* Cards */
    --color-card-gradient-light: rgba(255, 255, 255, 1);
    --color-card-gradient-dark: rgba(241, 245, 249, 1);
    --color-card-gradient-solid: #ffffff;
    /* Inputs */
    --color-input-bg: #ffffff;
    /* Tabellen */
    --color-table-container-bg: #ffffff;
    --color-table-toolbar-bg: #f9fafb;
    --color-table-header-bg: #f3f4f6;
    --color-table-row-border: #e5e7eb;
    --color-table-row-even-bg: #ffffff;
    --color-table-row-odd-bg: #f9fafb;
    --color-table-row-hover-bg: #e0f2fe;
    --color-table-pagination-bg: #f9fafb;
    --color-pagination-button-bg: #ffffff;
    /* Chips */
    --color-chip-border: rgba(148, 163, 184, 0.8);
    --color-chip-bg: #f9fafb;
}