﻿/* Dark Theme */
html[data-theme="dark"] {
    /* Grundflächen */
    --color-bg-page: #020617;
    --color-bg-elevated: #020617;
    --color-bg-subtle: #020617;
    --color-bg-soft: #020617;
    /* Rahmen / Text */
    --color-border-subtle: rgba(148, 163, 184, 0.2);
    --color-border-strong: rgba(148, 163, 184, 0.35);
    --color-text: #e5e7eb;
    --color-text-muted: #9ca3af;
    --color-text-soft: #6b7280;
    /* Akzent & Status */
    --color-accent: #f97316;
    --color-accent-soft: rgba(249, 115, 22, 0.12);
    --color-accent-strong: #ea580c;
    --color-success: #22c55e;
    --color-warning: #eab308;
    --color-info: #38bdf8;
    /* 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: #ef4444;
    --color-status-green-glow: rgba(34, 197, 94, 0.3);
    --color-status-yellow-glow: rgba(234, 179, 8, 0.3);
    --color-status-purple-glow: rgba(168, 85, 247, 0.3);
    --color-status-blue-glow: rgba(59, 130, 246, 0.3);
    --color-status-red-glow: rgba(239, 68, 68, 0.3);
    --color-status-green-soft-bg: rgba(22, 163, 74, 0.1);
    --color-status-green-soft-border: rgba(22, 163, 74, 0.6);
    --color-status-amber-soft-bg: rgba(234, 179, 8, 0.1);
    --color-status-amber-soft-border: rgba(234, 179, 8, 0.6);
    --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, #0b1220 0, #020617 52%, #000 100%);
    --color-sidebar-border: rgba(15, 23, 42, 0.85);
    --color-sidebar-text: #e5e7eb;
    --color-sidebar-text-muted: #64748b;
    --color-sidebar-active-bg: rgba(249, 115, 22, 0.16);
    --color-sidebar-active-border: #f97316;
    --color-sidebar-active-dot: #f97316;
    --color-sidebar-active-icon: #f97316;
    --color-sidebar-item-hover-bg: rgba(15, 23, 42, 0.65);
    --color-sidebar-item-hover-border: rgba(148, 163, 184, 0.4);
    --color-sidebar-subitem-hover-bg: rgba(15, 23, 42, 0.55);
    --color-sidebar-footer-border: rgba(15, 23, 42, 0.9);
    --color-sidebar-tag-border: rgba(148, 163, 184, 0.5);
    --color-sidebar-tag-bg: rgba(15, 23, 42, 0.9);
    --color-chevron-expanded-bg: rgba(249, 115, 22, 0.16);
    --color-chevron-expanded-text: #f97316;
    /* Layout / Shell / Overlays */
    --color-shell-gradient-light: rgba(248, 250, 252, 0.04);
    --color-shell-gradient-strong: rgba(15, 23, 42, 0.7);
    --color-backdrop: rgba(15, 23, 42, 0.6);
    --color-elevation-shadow: rgba(15, 23, 42, 0.7);
    /* Scrollbars */
    --color-scrollbar-thumb: rgba(148, 163, 184, 0.6);
    --color-scrollbar-thumb-soft: rgba(148, 163, 184, 0.5);
    /* Header */
    --color-header-bg: rgba(2, 6, 23, 0.9);
    --color-header-border: rgba(15, 23, 42, 0.8);
    --color-header-blur: 18px;
    /* User / Chips / Pills */
    --color-user-chip-bg: rgba(15, 23, 42, 0.7);
    --color-user-avatar-bg: rgba(148, 163, 184, 0.15);
    --color-user-avatar-border: rgba(148, 163, 184, 0.25);
    --color-pill-border: rgba(148, 163, 184, 0.5);
    --color-pill-bg: rgba(15, 23, 42, 0.7);
    /* Buttons */
    --color-btn-bg: rgba(15, 23, 42, 0.8);
    --color-btn-bg-hover: rgba(15, 23, 42, 0.9);
    --color-btn-text: #f9fafb;
    --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.24);
    --color-btn-primary-shadow: rgba(249, 115, 22, 0.45);
    --color-btn-ghost-bg: rgba(15, 23, 42, 0.5);
    --color-btn-ghost-border: rgba(148, 163, 184, 0.6);
    --color-btn-ghost-bg-hover: rgba(15, 23, 42, 0.9);
    /* Cards */
    --color-card-gradient-light: rgba(248, 250, 252, 0.02);
    --color-card-gradient-dark: rgba(15, 23, 42, 0.8);
    --color-card-gradient-solid: rgba(15, 23, 42, 1);
    /* Inputs */
    --color-input-bg: rgba(15, 23, 42, 0.7);
    /* Tabellen */
    --color-table-container-bg: rgba(15, 23, 42, 0.9);
    --color-table-toolbar-bg: rgba(15, 23, 42, 0.9);
    --color-table-header-bg: rgba(15, 23, 42, 0.95);
    --color-table-row-border: rgba(15, 23, 42, 0.9);
    --color-table-row-even-bg: rgba(15, 23, 42, 0.85);
    --color-table-row-odd-bg: rgba(15, 23, 42, 0.8);
    --color-table-row-hover-bg: rgba(30, 64, 175, 0.7);
    --color-table-pagination-bg: rgba(15, 23, 42, 0.9);
    --color-pagination-button-bg: rgba(15, 23, 42, 0.8);
    /* Chips */
    --color-chip-border: rgba(148, 163, 184, 0.5);
    --color-chip-bg: transparent;
}