/* ============================================================
   Ч/Б СТИЛЬ под фото Джамала. Override-слой, грузится последним.
   Строго, спокойно, дорого: чёрное + белое + оттенки серого.
   Функциональные цвета денег/статусов (зелёный/красный) сохранены —
   иначе прибыль/убыток и «принято/просрочено» перестанут читаться.
   ============================================================ */

/* ---------- Светлая тема (админ, куратор): акцент = чёрный ---------- */
:root {
  --blue:       #1D1D1F;
  --blue-hover: #000000;
  --blue-light: #ECECEC;
  --purple:     #6E6E73;
  --teal:       #8E8E93;
}

a { color: #1D1D1F; }

.btn-primary        { background: #1D1D1F; color: #fff; }
.btn-primary:hover  { background: #000000; color: #fff; }
.btn-ghost          { color: #1D1D1F; }
.btn-ghost:hover    { background: #ECECEC; }

.nav-link.active            { background: #1D1D1F; color: #fff; }
.nav-link.active .nav-icon  { color: #fff; }
.sidebar-brand-icon         { background: #1D1D1F; color: #fff; }

.badge-blue { background: #ECECEC; color: #1D1D1F; }

/* Обложки книг — серые вместо сине-фиолетовых градиентов */
.book-cover,
.book-cover.started { background: linear-gradient(135deg, #2A2A2A, #565656) !important; }

/* Инфо-алерты — нейтральные */
.alert-info { background: rgba(0,0,0,0.05); color: #1D1D1F; }

/* ---------- Тёмная тема (кабинет ученика): вайб ч/б фото ---------- */
body.theme-student {
  --blue:       #FFFFFF;               /* акцент = белый */
  --blue-hover: #E4E4E4;
  --blue-light: rgba(255,255,255,0.14);
  --purple:     #CFCFCF;
  --teal:       #BFBFBF;
  --green:      #E8E8E8;               /* статусы на чёрном — светлые */
  --orange:     #BDBDBD;

  --bg:         #0A0A0A;               /* чистый чёрный, как фон фото */
  --surface:    #151515;
  --surface-2:  #1F1F1F;
  --label-1:    #FFFFFF;
  --label-2:    #D0D0D0;
  --label-3:    #9A9A9A;
  --label-4:    #6A6A6A;
}

/* На чёрном главная кнопка — белая с чёрным текстом (классика ч/б) */
body.theme-student .btn-primary {
  background: #FFFFFF !important;
  color: #0A0A0A !important;
  box-shadow: none !important;
}
body.theme-student .btn-primary:hover {
  background: #E4E4E4 !important;
  color: #0A0A0A !important;
  filter: none;
}
body.theme-student .nav-link.active     { background: rgba(255,255,255,0.14); color: #fff; }
body.theme-student .sidebar-brand-icon  { background: #FFFFFF; color: #0A0A0A; }
body.theme-student a                    { color: #FFFFFF; }

/* Обложки книг у ученика — тёмно-серые */
body.theme-student .book-cover,
body.theme-student .book-cover.started { background: linear-gradient(135deg, #232323, #3A3A3A) !important; }

/* ---------- Фоновые «блики»: цветные -> нейтральные серые ---------- */
/* светлая тема (админ): едва заметный серый */
body::before {
  background:
    radial-gradient(40% 34% at 14% 6%,  rgba(0,0,0,0.035), transparent 70%),
    radial-gradient(34% 30% at 88% 12%, rgba(0,0,0,0.025), transparent 72%),
    radial-gradient(34% 30% at 80% 92%, rgba(0,0,0,0.030), transparent 72%) !important;
}
/* тёмная тема (ученик, вход): мягкое белое свечение */
body.theme-student::before {
  background:
    radial-gradient(48% 40% at 14% 2%,  rgba(255,255,255,0.06), transparent 70%),
    radial-gradient(40% 34% at 92% 10%, rgba(255,255,255,0.035), transparent 72%),
    radial-gradient(42% 36% at 82% 98%, rgba(255,255,255,0.05), transparent 72%) !important;
}

/* ---------- Вход / регистрация: иконка и ссылка ---------- */
.auth-icon              { background: #1D1D1F !important; box-shadow: none !important; }
.auth-footer a          { color: #1D1D1F !important; }
body.theme-student .auth-icon {
  background: linear-gradient(160deg, #2A2A2A, #4A4A4A) !important;
  box-shadow: none !important;
}
body.theme-student .auth-footer a { color: #FFFFFF !important; }

/* ---------- Прочие фиолетовые градиенты -> серые ---------- */
.avatar, .book-cover, .sidebar-brand-icon,
body.theme-student .sidebar-brand-icon { box-shadow: none !important; }

/* ---------- Дашборд: пастельные плашки и цветные цифры -> ч/б ---------- */
.stat-icon-wrap      { background: var(--fill-1) !important; }
.stat-val            { color: var(--label-1) !important; }
.stat-val span,
.stat-val small      { color: var(--label-3) !important; }

/* ---------- Мелкие остаточные акценты -> ч/б ---------- */
.sidebar-logout, .sidebar-logout:hover, .sidebar-logout span { color: var(--label-2) !important; }
.avatar { background: linear-gradient(135deg, #3A3A3A, #5A5A5A) !important; color: #fff !important; }
body.theme-student .avatar { background: linear-gradient(135deg, #2A2A2A, #4A4A4A) !important; }
/* зелёная колонка «оплата» в таблице воронки -> нейтральная */
td[style*="#34C759"] { color: var(--label-1) !important; }