/* Новая цветовая схема stanbase */

:root {
  /* Основные цвета */
  --primary-color: #146AFF;        /* Основной синий */
  --secondary-color: #F5A623;      /* Оранжевый */
  --light-blue: #CBDDFF;           /* Светло-синий */
  --dark-blue: #183444;            /* Темно-синий */
  --white: #FFFFFF;                /* Белый */
  
  /* Дополнительные оттенки */
  --primary-hover: #0d5ae6;        /* Темнее основного для hover */
  --primary-light: #e8f2ff;        /* Очень светлый оттенок основного */
  --secondary-hover: #e0941a;      /* Темнее оранжевого для hover */
  --light-blue-hover: #b3c9f0;     /* Темнее светло-синего для hover */
  --dark-blue-light: #2a4f5f;      /* Светлее темно-синего */
  
  /* Градиенты */
  --gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--dark-blue) 100%);
  --gradient-secondary: linear-gradient(135deg, var(--secondary-color) 0%, #ff8c00 100%);
  --gradient-light: linear-gradient(135deg, var(--light-blue) 0%, var(--white) 100%);
}

/* Основные кнопки */
.btn-primary {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: var(--white) !important;
}

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

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

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

/* Вторичные кнопки */
.btn-secondary {
  background-color: var(--secondary-color) !important;
  border-color: var(--secondary-color) !important;
  color: var(--white) !important;
}

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

/* Ссылки */
a {
  color: var(--primary-color);
}

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

/* Логотип в навигации */
.navbar .navbar-brand {
  color: var(--primary-color) !important;
  font-weight: bold;
}

.navbar .navbar-brand:hover {
  color: var(--primary-hover) !important;
}

/* Дополнительная специфичность для логотипа */
.navbar-light .navbar-brand {
  color: var(--primary-color) !important;
}

.navbar-light .navbar-brand:hover {
  color: var(--primary-hover) !important;
}

/* Навигация */
.navbar {
  background-color: var(--white) !important;
  box-shadow: 0 2px 10px rgba(20, 106, 255, 0.1);
}

.nav-link {
  color: var(--dark-blue) !important;
}

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

.nav-link.active {
  color: var(--primary-color) !important;
  font-weight: 600;
}

/* Карточки */
.card {
  border: 1px solid #e9ecef;
  box-shadow: 0 2px 8px rgba(20, 106, 255, 0.08);
  transition: all 0.3s ease;
}

.card:hover {
  box-shadow: 0 4px 16px rgba(20, 106, 255, 0.15);
  transform: translateY(-2px);
}

.card-header {
  background-color: var(--primary-light);
  border-bottom: 1px solid #e9ecef;
}

/* Бейджи */
.badge-primary {
  background-color: var(--primary-color) !important;
  color: var(--white) !important;
}

.badge-secondary {
  background-color: var(--secondary-color) !important;
  color: var(--white) !important;
}

.badge-light-blue {
  background-color: var(--light-blue) !important;
  color: var(--dark-blue) !important;
}

/* Формы */
.form-control:focus {
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 0 0.2rem rgba(20, 106, 255, 0.25) !important;
}

.form-select:focus {
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 0 0.2rem rgba(20, 106, 255, 0.25) !important;
}

/* Пагинация */
.pagination .page-link {
  color: var(--primary-color);
  border-color: #dee2e6;
}

.pagination .page-item.active .page-link {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: var(--white);
}

.pagination .page-link:hover {
  color: var(--primary-hover);
  background-color: var(--primary-light);
  border-color: var(--primary-color);
}

/* Алерты */
.alert-primary {
  background-color: var(--primary-light);
  border-color: var(--primary-color);
  color: var(--dark-blue);
}

.alert-secondary {
  background-color: #fff3cd;
  border-color: var(--secondary-color);
  color: var(--dark-blue);
}

/* Прогресс бары */
.progress-bar {
  background-color: var(--primary-color);
}

/* Спиннеры */
.spinner-border.text-primary {
  color: var(--primary-color) !important;
}

/* Модальные окна */
.modal-header {
  background-color: var(--primary-light);
  border-bottom: 1px solid #e9ecef;
}

.modal-title {
  color: var(--dark-blue);
}

/* Таблицы */
.table-primary {
  background-color: var(--primary-light) !important;
}

.table-hover tbody tr:hover {
  background-color: var(--primary-light);
}

/* Дропдауны */
.dropdown-item:hover {
  background-color: var(--primary-light);
}

.dropdown-item.active {
  background-color: var(--primary-color);
}

/* Тултипы */
.tooltip-inner {
  background-color: var(--dark-blue);
}

.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: var(--dark-blue);
}

/* Кастомные классы */
.bg-primary-custom {
  background-color: var(--primary-color) !important;
}

.bg-secondary-custom {
  background-color: var(--secondary-color) !important;
}

.bg-light-blue {
  background-color: var(--light-blue) !important;
}

.bg-dark-blue {
  background-color: var(--dark-blue) !important;
}

.text-primary-custom {
  color: var(--primary-color) !important;
}

.text-secondary-custom {
  color: var(--secondary-color) !important;
}

.text-light-blue {
  color: var(--light-blue) !important;
}

.text-dark-blue {
  color: var(--dark-blue) !important;
}

/* Градиентные фоны */
.bg-gradient-primary {
  background: var(--gradient-primary) !important;
}

.bg-gradient-secondary {
  background: var(--gradient-secondary) !important;
}

.bg-gradient-light {
  background: var(--gradient-light) !important;
}

/* Ховер эффекты */
.hover-primary:hover {
  color: var(--primary-color) !important;
}

.hover-secondary:hover {
  color: var(--secondary-color) !important;
}

/* Тени */
.shadow-primary {
  box-shadow: 0 4px 16px rgba(20, 106, 255, 0.15) !important;
}

.shadow-secondary {
  box-shadow: 0 4px 16px rgba(245, 166, 35, 0.15) !important;
}

/* Анимации */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-in-up {
  animation: fadeInUp 0.6s ease-out;
}

/* Адаптивность */
@media (max-width: 768px) {
  .card:hover {
    transform: none;
  }
}