/* Темная тема для сайта */
:root {
    --background: 222.2 84% 4.9%;
    --foreground: 210 40% 98%;
    --card: 222.2 84% 4.9%;
    --card-foreground: 210 40% 98%;
    --popover: 222.2 84% 4.9%;
    --popover-foreground: 210 40% 98%;
    --primary: 221.2 83.2% 53.3%;
    --primary-foreground: 210 40% 98%;
    --secondary: 217.2 32.6% 17.5%;
    --secondary-foreground: 210 40% 98%;
    --muted: 217.2 32.6% 17.5%;
    --muted-foreground: 215 20.2% 65.1%;
    --accent: 217.2 32.6% 17.5%;
    --accent-foreground: 210 40% 98%;
    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 210 40% 98%;
    --border: 217.2 32.6% 17.5%;
    --input: 217.2 32.6% 17.5%;
    --ring: 224.3 76.3% 48%;
}

body {
    background-color: #0f172a !important;
    color: #f1f5f9 !important;
}

/* Переопределение цветов текста */
.text-gray-900,
.text-black {
    color: #f1f5f9 !important;
}

.text-gray-600,
.text-gray-500 {
    color: #94a3b8 !important;
}

.text-gray-300 {
    color: #cbd5e1 !important;
}

/* Переопределение фонов */
.bg-gray-100 {
    background-color: #1e293b !important;
}

.bg-gray-50 {
    background-color: #1e293b !important;
}

.bg-gray-900 {
    background-color: #0f172a !important;
}

.bg-gray-600 {
    background-color: #334155 !important;
}

.bg-white {
    background-color: #1e293b !important;
}

.bg-background {
    background-color: #0f172a !important;
}

/* Переопределение границ */
.border-gray-200,
.border-gray-300\/30 {
    border-color: #334155 !important;
}

/* Синие элементы остаются синими */
.bg-blue-600 {
    background-color: #2563eb !important;
}

.bg-blue-500 {
    background-color: #3b82f6 !important;
}

.bg-blue-100 {
    background-color: #1e3a8a !important;
}

.text-blue-600 {
    color: #3b82f6 !important;
}

.text-blue-500 {
    color: #60a5fa !important;
}

.border-blue-600 {
    border-color: #2563eb !important;
}

.hover\:bg-blue-500:hover {
    background-color: #3b82f6 !important;
}

.hover\:text-primary:hover {
    color: #3b82f6 !important;
}

.text-primary {
    color: #3b82f6 !important;
}

/* Кнопки и hover эффекты */
.hover\:border-gray-400:hover {
    border-color: #475569 !important;
}

.hover\:text-gray-400:hover {
    color: #94a3b8 !important;
}

.hover\:text-white:hover {
    color: #ffffff !important;
}

.hover\:bg-accent:hover {
    background-color: #1e293b !important;
}

/* Модальное окно */
#registrationModal > div {
    background-color: #1e293b !important;
    border: 1px solid #334155 !important;
}

#registrationModal input,
#registrationModal textarea {
    background-color: #0f172a !important;
    color: #f1f5f9 !important;
    border-color: #334155 !important;
}

#registrationModal input::placeholder,
#registrationModal textarea::placeholder {
    color: #64748b !important;
}

#registrationModal label {
    color: #e2e8f0 !important;
}

#registrationModal h2 {
    color: #f1f5f9 !important;
}

#registrationModal button[type="button"] {
    background: #334155 !important;
    color: #f1f5f9 !important;
    border-color: #475569 !important;
}

#registrationModal button[type="button"]:hover {
    background: #475569 !important;
}

/* Backdrop blur */
.backdrop-blur {
    background-color: rgba(15, 23, 42, 0.55) !important;
}

/* Акцентные цвета для иконок */
svg {
    color: inherit;
}

/* Footer */
.bg-gray-900.text-white {
    background-color: #020617 !important;
}