/**
 * Theme-Variablen (Dark Mode)
 */

:root {
    --bg-color: #f8f8f5;
    --text-color: #333;
    --card-bg: #fff;
    --table-bg: #fff;
    --table-stripe: #f8f9fa;
    --table-hover: #e9ecef;
    --selected-bg: #e3f2fd;
    --selected-hover: #bbdefb;
    --prio-bg: #fff3cd;
    --prio-hover: #ffe8a1;
    --table-head-bg: #fff;
    --table-head-color: #333;
    --tab-bg: #f8f9fa;
    --tab-content-bg: #fff;
}

[data-theme="dark"] {
    --bg-color: #1a1a1a;
    --text-color: #e0e0e0;
    --card-bg: #2d2d2d;
    --table-bg: #2d2d2d;
    --table-stripe: #363636;
    --table-hover: #404040;
    --selected-bg: #1a3a4a;
    --selected-hover: #234b61;
    --prio-bg: #4a3c00;
    --prio-hover: #6b5500;
    --tab-bg: #232323;
    --tab-content-bg: #232323;
    --table-head-bg: #232323;
    --table-head-color: #e0e0e0;
}

body {
    background: var(--bg-color);
    color: var(--text-color);
    transition: background-color 0.3s, color 0.3s;
}

.card {
    background-color: var(--card-bg);
    transition: background-color 0.3s;
    color: var(--text-color);
}

/* Tabellenrahmen im Dark Mode */
[data-theme="dark"] table,
[data-theme="dark"] th,
[data-theme="dark"] td {
    border-color: #444 !important;
}

[data-theme="dark"] .table {
    border-color: #444 !important;
}

[data-theme="dark"] .card,
[data-theme="dark"] .border,
[data-theme="dark"] .table,
[data-theme="dark"] .rounded-bottom,
[data-theme="dark"] .border-bottom,
[data-theme="dark"] .border-start,
[data-theme="dark"] .border-end {
    border-color: #222 !important;
}

[data-theme="dark"] .card,
[data-theme="dark"] .border {
    border-width: 1px !important;
}

/* Info-Boxen Dark Mode */
.alert-info-dark {
    background-color: #2c2c2c;
    border-color: #3d3d3d;
    color: #e0e0e0;
}

.alert-warning-dark {
    background-color: #e8f0f8;
    border-color: #d0e0f0;
    color: #000000;
}

[data-theme="dark"] .alert-info-dark {
    background-color: #1a1a1a;
    border-color: #2c2c2c;
    color: #e0e0e0;
}

[data-theme="dark"] .alert-warning-dark {
    background-color: #1a2b3d;
    border-color: #2a3b4d;
    color: #d0e0f0;
}

/* Settings Info Tile */
.settings-info-tile {
    background: #f8f9fa;
    color: #222;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    border-top: 1px solid #e9ecef;
}

[data-theme="dark"] .settings-info-tile {
    background: #232323;
    color: #e0e0e0;
    border-top: 1px solid #333;
}

.settings-info-tile .fw-bold {
    color: inherit;
}

.settings-info-tile .text-muted {
    color: #888 !important;
}

[data-theme="dark"] .settings-info-tile .text-muted {
    color: #ccc !important;
}