/* Тема портала организаторов: только тёмная (светлая и переключатель отключены). */

:root {
  color-scheme: dark;
  --ink-950: #0b0f14;
  --ink-900: #111821;
  --ink-850: #151d28;
  --ink-800: #1a2330;
  --ink-700: #243041;
  --ink-600: #2d3d52;
  --accent: #3ecf8e;
  --accent-dim: rgba(62, 207, 142, 0.12);
  --text-primary: #f1f5f9;
  --text-heading: #ffffff;
  --text-muted: #94a3b8;
  --text-faint: #64748b;
  --text-soft: #cbd5e1;
  --body-bg:
    radial-gradient(ellipse 80% 60% at 50% -10%, rgba(62, 207, 142, 0.14), transparent 55%),
    radial-gradient(ellipse 50% 40% at 100% 100%, rgba(56, 120, 180, 0.08), transparent 50%),
    var(--ink-950);
  --card-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
}

html {
  font-family: "PT Sans Caption", sans-serif;
  font-synthesis: none;
}

html,
body {
  background: var(--body-bg) !important;
  background-attachment: fixed;
  min-height: 100%;
}

body,
button,
input,
select,
textarea,
optgroup {
  font-family: "PT Sans Caption", sans-serif;
}

.font-sans {
  font-family: "PT Sans Caption", sans-serif !important;
}

/* Важно: Tailwind utility `.flex` имеет ту же специфичность, что и `[hidden]`
   в UA-стилях. Без !important модалка с class="… flex" остаётся поверх страницы
   и перехватывает клики (на проде при старом CSS без этого правила). */
[hidden] {
  display: none !important;
}

#logout-modal:not([hidden]) {
  display: flex !important;
}

#notif-dropdown:not([hidden]) {
  display: block !important;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--text-primary);
  -webkit-box-shadow: 0 0 0 1000px var(--ink-850) inset;
}

/* Цвет мероприятий */
#events-list .event-btn,
#events-list button {
  color: #0a809e; /* основной цвет текста мероприятия */
}

#events-list button:hover {
  color: #0a809e; /* чуть темнее при наведении */
  border-color: #08667a;
}