/* Grundlegende Farbvariablen und deren Verwendung */
:root {
    --primary-color: #00c853;  /* Standardwert, wird durch PHP/JS überschrieben */
    --primary-rgb: 0, 200, 83; /* Standardwert, wird durch PHP/JS überschrieben */
}

/* Hover und aktive Zustände mit RGB-Werten */
.hover-effect:hover,
.settings-menu-item:hover,
.contacts-table tbody tr:hover {
    background: rgb(var(--primary-rgb), 0.1);
    color: var(--primary-color);
}

/* Aktive Zustände */
.active-state,
.settings-menu-item.active,
.settings-section .active {
    background: rgb(var(--primary-rgb), 0.15) !important;
    color: var(--primary-color) !important;
}

/* Für Elemente mit Hover-Transformation */
.transform-hover:hover {
    background: rgb(var(--primary-rgb), 0.1);
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.15);
}