/* ============================================================
   LiveAtlas — тёмная тема "Midnight" под стиль карты.
   Переопределяет встроенные тема-переменные LiveAtlas.
   Подключается ПОСЛЕ бандла, поэтому перебивает дефолты.
   ============================================================ */
:root,
html:root,
#app,
.leaflet-container,
.map {
    /* --- Поверхности UI (панели, кнопки, попапы) --- */
    --background-base: rgba(16, 19, 27, 0.92);     /* основной фон панелей */
    --background-hover: rgba(30, 36, 49, 0.96);    /* наведение */
    --background-active: rgba(40, 48, 64, 0.98);   /* нажатие */
    --background-selected: #245a9e;                /* выбранный пункт (приглушённый синий) */
    --background-light: rgba(40, 46, 61, 0.9);
    --background-dark: #0a0c11;
    --background-disabled: rgba(18, 21, 28, 0.55);
    --background-marker: rgba(16, 19, 27, 0.92);
    --background-error: #7a2020;

    /* --- Текст --- */
    --text-base: #c6cad4;        /* основной */
    --text-emphasis: #ffffff;    /* заголовки / акцент */
    --text-subtle: #868b9c;      /* приглушённый */
    --text-hover: #ffffff;
    --text-active: #ffffff;
    --text-selected: #ffffff;
    --text-disabled: #565a67;
    --text-marker: #e8eaf0;
    --text-day: #c6cad4;
    --text-night: #868b9c;

    /* --- Границы / тени / фокус --- */
    --border-color: rgba(255, 255, 255, 0.08);
    --border-error: #a32d2d;
    --box-shadow: 0 6px 22px rgba(0, 0, 0, 0.55);
    --text-shadow: 0 1px 2px rgba(0, 0, 0, 0.85);
    --outline-focus: #3a7bd5;
}

/* Затемнение тайлов карты (пресет «темнее, нейтрально»).
   Хочешь иначе — крути 3 числа: brightness (яркость), contrast, saturate. */
.leaflet-tile {
    filter: brightness(0.75) contrast(1.05) saturate(0.88);
}

/* Подложка под картой */
.leaflet-container {
    background: #05060a;
}