/* Guest — тёмная тема (активируется селектором [data-bs-theme="dark"]) */
[data-bs-theme="dark"] {
  --auth-shadow: 0 18px 42px rgba(0,0,0,.45);
  --hero-overlay: linear-gradient(180deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.45) 45%, rgba(0,0,0,.25) 100%);
  --hero-mask: radial-gradient(1200px 600px at 70% 30%, rgba(255,255,255,.06), rgba(255,255,255,0));
}

[data-bs-theme="dark"] .auth-panel.card {
  background: color-mix(in oklab, var(--bs-body-bg) 86%, transparent);
  border-color: color-mix(in oklab, var(--bs-body-color) 18%, transparent);
}
/* ================================
   Guest — Info pages (Dark)
   ================================ */
[data-bs-theme="dark"]{
  --dp-surface: color-mix(in oklab, var(--bs-body-bg) 92%, transparent);
  --dp-border: rgba(255,255,255,.10);
  --dp-muted: #9aa4b2;
  --soft: color-mix(in oklab, var(--bs-body-bg) 96%, transparent);
  --dp-shadow: 0 10px 28px rgba(0,0,0,.45);
}

/* Тёмный hero — более глубокий градиент */
[data-bs-theme="dark"] .hero{
  background: linear-gradient(135deg, #1f2937, #0f172a);
}

/* Плитки и иконки в тёмной теме */
[data-bs-theme="dark"] .idea{ background: var(--dp-surface); }
[data-bs-theme="dark"] .icon{ background: color-mix(in oklab, var(--bs-body-bg) 86%, transparent); }

/* Чипы чуть темнее */
[data-bs-theme="dark"] .chip{
  background: color-mix(in oklab, var(--bs-body-bg) 88%, transparent);
  border-color: var(--dp-border);
}
/* В тёмной теме принудительно инвертируем bg-light в bg-dark */
[data-bs-theme="dark"] .bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; /* как у .bg-dark */
  color: var(--bs-light) !important; /* читаемый текст на тёмном фоне */
}

/* При необходимости — чуть усилить контраст для тонких текстов внутри */
[data-bs-theme="dark"] .bg-light .text-secondary,
[data-bs-theme="dark"] .bg-light .muted {
  color: rgba(255,255,255,.75) !important;
}

/* Если у элемента есть .border — делаем светлее границу на тёмном фоне */
[data-bs-theme="dark"] .bg-light.border,
[data-bs-theme="dark"] .bg-light .border {
  border-color: rgba(255,255,255,.15) !important;
}