/* Basis CSS-Variablen */
:root {
    --primary-color: #d7e5c5 !important;
    --primary-dark: #c3d1b1 !important;
    --background-light: #f5ffe3 !important;
    --text-primary: #000000;
    --text-secondary: #7d7d7d;
}

/* Dashboard Navigation */
.dashboard-nav {
    background-color: white !important;
    border-right: 1px solid var(--primary-color) !important;
}

.dashboard-nav .nav-link {
    color: var(--text-primary) !important;
}

.dashboard-nav .nav-link:hover,
.dashboard-nav .nav-link.active {
    background-color: var(--background-light) !important;
    color: var(--text-primary) !important;
}

/* Dashboard Cards */
.card {
    border-color: var(--primary-color) !important;
}

.card-header {
    background-color: var(--background-light) !important;
    border-bottom-color: var(--primary-color) !important;
}

/* Buttons */
.btn-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-dark) !important;
    color: var(--text-primary) !important;
}

.btn-primary:hover {
    background-color: var(--primary-dark) !important;
    border-color: var(--primary-dark) !important;
    color: var(--text-primary) !important;
}

/* Tables */
.table thead th {
    background-color: var(--background-light) !important;
    border-bottom-color: var(--primary-color) !important;
}

/* Charts and Graphs */
.chart-wrapper {
    background-color: white !important;
    border: 1px solid var(--primary-color) !important;
    border-radius: 0.5rem !important;
}

/* Form Elements */
.form-control:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 0.25rem rgba(var(--primary-color), 0.25) !important;
}

/* Alert Messages */
.alert-success {
    background-color: var(--background-light) !important;
    border-color: var(--primary-color) !important;
    color: var(--text-primary) !important;
}

/* Progress Bars */
.progress-bar {
    background-color: var(--primary-color) !important;
}

/* Links */
a {
    color: var(--primary-dark) !important;
}

a:hover {
    color: var(--primary-color) !important;
}

/* Custom Scrollbar */
::-webkit-scrollbar-thumb {
    background-color: var(--primary-color) !important;
}

::-webkit-scrollbar-track {
    background-color: var(--background-light) !important;
}

/* Button Styles */
.btn-outline-primary {
    color: var(--text-primary) !important;
    border-color: var(--primary-color) !important;
}

.btn-outline-primary:hover {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-dark) !important;
}

/* Star Ratings */
.bi-star-fill.text-warning {
    color: var(--primary-dark) !important;
}

/* Gradient Text */
.gradient-text {
    background: linear-gradient(135deg, var(--text-secondary) 0%, var(--primary-color) 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block !important;
}

/* AI Poll Creation Styles */
.ai-poll-creator .card {
    border-radius: 0.75rem !important;
    border: 1px solid var(--primary-color) !important;
    transition: all 0.3s ease !important;
}

.ai-poll-creator .card:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) !important;
}

.ai-poll-creator .form-range::-webkit-slider-thumb {
    background-color: var(--primary-color) !important;
}

.ai-poll-creator .form-range::-moz-range-thumb {
    background-color: var(--primary-color) !important;
}

.ai-poll-creator .form-range::-webkit-slider-runnable-track {
    background-color: var(--background-light) !important;
}

.ai-poll-creator .form-range::-moz-range-track {
    background-color: var(--background-light) !important;
}

.ai-poll-creator .bi-robot {
    color: var(--primary-color) !important;
}

.ai-poll-creator .drag-handle {
    color: var(--primary-color) !important;
    cursor: move !important;
}

.ai-poll-creator .matrix-header {
    background-color: var(--background-light) !important;
    border-bottom: 2px solid var(--primary-color) !important;
}