/* ===== Глобальные переменные темы ===== */
:root {
    /* Светлая тема (по умолчанию) */
    --bs-body-bg: #f8f9fa;
    --bs-body-color: #212529;
    --card-bg: #ffffff;
    --card-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    --navbar-bg: #ffffff;
    --navbar-color: #212529;
  }

  [data-bs-theme="dark"] {
    /* Основные цвета */
    --bs-body-bg: #121212;
    /* --bs-body-bg: #1e1e1e; */
    --bs-body-color: #e0e0e0;

    /* Навбар */
    --navbar-bg: #1e1e1e;
    --navbar-border: #333;

    /* Карточки */
    /* --card-bg: #1e1e1e; */
    /* Тёмно-серый вместо синеватого */
    /* --card-bg: #2a2a2a; */
    --card-bg: #1e1e1e;
    --card-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    --card-border: #333;

    /* --bg-light-dark: #40414f; */
    --bg-light-dark: #202225; /* Бэкграунд */

    /* Кнопки */
    --btn-border: #555;
    --btn-hover: #c71585;
  }

  /* ===== Базовые стили ===== */
  body {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    transition: background-color 0.3s, color 0.3s;
  }

  /* ===== Компоненты ===== */
  /* Карточки */
  .card {
    background-color: var(--card-bg);
    box-shadow: var(--card-shadow);
    transition: all 0.3s ease;
  }

  /* Навбар */
  .navbar {
    background-color: var(--navbar-bg) !important;
    color: var(--navbar-color);
  }

  /* Адаптация bg-light */
  .bg-light {
    background-color: #f8f9fa !important; /* Фиксированный цвет для светлой темы */
    color: inherit !important;
  }

  /* Обновляем стили для светлых блоков */
  [data-bs-theme="dark"] .bg-light,
  [data-bs-theme="dark"] .bg-light-custom {
    background-color: var(--bg-light-dark) !important;
    border: 1px solid #555768 !important;
  }

  /* Стили для блоков с серым фоном */
.bg-light-custom {
    background-color: #f8f9fa !important;
    border-radius: 8px;
    padding: 1rem;
  }

  [data-bs-theme="dark"] .bg-light-custom {
    background-color: #40414f !important; /* Цвет карточек чата */
    color: #ececf1 !important;
    border: 1px solid #555768 !important; /* Граница как в чате */
  }

  /* Для карточек с информацией */
  .info-card {
    background-color: #f8f9fa;
    border-left: 3px solid #dee2e6;
  }

  [data-bs-theme="dark"] .info-card {
    background-color: #2d3748;
    border-left-color: #4a5568;
  }

  /* Кнопки */
  .btn-custom-magenta {
    border-color: var(--bs-border-color);
  }

  [data-bs-theme="dark"] .btn-custom-magenta {
    border-color: #6c757d;
  }

  /* Модальные окна */
  .modal-content {
    background-color: var(--card-bg);
  }

  /* Навбар в тёмной теме */
[data-bs-theme="dark"] .navbar {
    background-color: var(--navbar-bg) !important;
    border-bottom: 1px solid var(--navbar-border) !important;
}

/* Логотип в навбаре */
[data-bs-theme="dark"] .navbar-brand img {
    border-radius: 8px; /* Скругление углов вместо круга */
    padding: 2px;
    background: rgba(255, 255, 255, 0.1);
    transition: all 0.3s ease;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
}

/* Лёгкое скругление в светлой теме */
/* .navbar-brand img {
    transition: all 0.3s ease;
    border-radius: 4px;
} */

/* Карточки */
[data-bs-theme="dark"] .card {
    background-color: var(--card-bg);
    border: 1px solid var(--card-border);
    box-shadow: var(--card-shadow);
}

/* Кнопки */
[data-bs-theme="dark"] .btn-custom-magenta {
    border-color: var(--btn-border);
    color: #ccc;
}
[data-bs-theme="dark"] .btn-custom-magenta:hover {
    border-color: var(--btn-hover);
    color: white;
    box-shadow: 0 0 0 0.2rem rgba(199, 21, 133, 0.3);
}

/* Футер */
[data-bs-theme="dark"] footer {
    background-color: #1a1a1a !important;
    border-top: 1px solid #333;
}

/* Новые стили для кнопки админа */

[data-bs-theme="dark"] .admin-login-btn {
    color: #6c757d !important;
    border: 1px solid #6c757d !important;
    background: transparent !important;
    font-size: 0.85rem !important;
    padding: 0.25rem 0.75rem !important;
    transition: all 0.2s;
}

[data-bs-theme="dark"] .admin-login-btn:hover {
    color: white !important;
    border-color: #adb5bd !important;
    background-color: #6c757d !important;
}