/* ===== Переменные ===== */
:root {
  --brand: #3a6a92;
  --bg-main: #f0eee9;
  --accent: #ff8a00;
  --black: #000;
}

/* ===== Основа ===== */
body {
  background: var(--bg-main);
  color: #000;
  font-family: "Inter", system-ui, sans-serif;
}

h1, h2, h3, h4, h5 {
  font-family: "Nunito", system-ui, sans-serif;
  font-weight: 800;
  letter-spacing: -0.3px;
}

/* ===== Карточки ===== */
.card {
  background: #fff;
  border: 3px solid #000;
  border-radius: 24px;
  box-shadow: 8px 8px 0 rgba(255,138,0,0.3);
  transition: all 0.2s ease;
}

.card.soft {
  background: rgba(58,106,146,0.05);
}

/* Ассиметрия */
.rounded-weird {
  border-top-left-radius: 20px;
  border-bottom-right-radius: 60px;
}

/* ===== Таблицы ===== */
.table {
  border: 3px solid #000;
}

.table th {
  background: rgba(58,106,146,0.1);
  font-weight: 700;
}

.table-hover tbody tr:hover {
  background: rgba(255,138,0,0.15);
}

/* ===== Кнопки ===== */
.btn {
  border: 3px solid #000 !important;
  font-weight: 700;
  border-radius: 999px;
  transition: all 0.1s ease;
}

.btn-primary {
  background: var(--brand);
  color: #fff;
  box-shadow: 6px 6px 0 rgba(255,138,0,0.5);
}

.btn-success {
  background: var(--accent);
  color: #000;
  box-shadow: 6px 6px 0 rgba(58,106,146,0.4);
}

.btn-outline-primary {
  background: #fff;
  color: var(--brand);
}

.btn:active {
  transform: translate(4px,4px);
  box-shadow: none !important;
}

/* ===== Поля ввода ===== */
.form-control,
.form-select {
  border: 3px solid #000;
  border-radius: 18px;
}

.form-select {
  color: var(--brand); /* #3a6a92 */
  font-weight: 600;
}

.form-select option {
  color: #2c4f6b;
}

.form-control:focus,
.form-select:focus {
  border-color: var(--brand);
  box-shadow: 0 0 0 3px rgba(58,106,146,0.25);
}

/* ===== Бейджи ===== */
.badge {
  background: var(--brand);
  color: #fff;
  padding: 8px 14px;
  border-radius: 999px;
  box-shadow: inset 0 0 0 2px rgba(0,0,0,0.15);
}

/* ===== Навигация ===== */
.navbar {
  border-bottom: 3px solid #000;
}

.nav-link.active {
  border-bottom: 4px solid var(--brand);
  font-weight: 700;
}

/* ===== Мелкие анимации ===== */
.scale-up {
  transition: transform .2s ease;
}

.card {
  transition: box-shadow .25s ease, background-color .25s ease;
}

.card:hover {
  box-shadow: 12px 12px 0 rgba(58,106,146,0.5);
  background-color: rgba(58,106,146,0.03);
}

/* ===== Ссылки на имущество ===== */
.asset-link {
  color: var(--brand); /* #3a6a92 */
  text-decoration: none;
}

.asset-link:hover {
  color: #2f587a; /* глубже, тяжелее */
  text-decoration: underline;
}

/* ===== Пагинация ===== */

.page-link {
  color: var(--brand); /* #3a6a92 */
  border: 2px solid #000;
  border-radius: 14px;
  margin: 0 4px;
  padding: 6px 14px;

  font-weight: 600;
  background-color: #fff;

  transition:
    background-color 0.2s ease,
    color 0.2s ease,
    transform 0.15s ease;
}

/* Hover — тактильность */
.page-link:hover {
  color: #fff;
  background-color: var(--brand);
  transform: translateY(-1px);
}

/* Активная страница */
.page-item.active .page-link {
  background-color: var(--brand);
  border-color: #000;
  color: #fff;

  box-shadow: 0 4px 0 #000;
}

/* Убираем синюю тень фокуса Bootstrap */
.page-link:focus {
  box-shadow: none;
}