/* ─────────────────────────────────────────────────────────────────────
   ПЕРЕМЕННЫЕ — СВЕТЛАЯ ТЕМА (по умолчанию)
   --tg-safe-area-inset-*        → системные отступы (notch, home bar)
   --tg-content-safe-area-inset-* → UI Telegram (кнопка закрытия в fullscreen)
   Дефолты 0px гарантируют корректную работу на старых версиях Telegram
   и в не-fullscreen режиме.
───────────────────────────────────────────────────────────────────── */
:root {
    /* Фон страницы */
    --body-bg: linear-gradient(160deg, #c5e9eb 0%, #a8d8db 35%, #8dc8cc 65%, #b2dfe2 100%);

    /* Базовые цвета */
    --bg:     #ceeaec;
    --bg2:    #b8e0e3;
    --card:   #ffffff;
    --card2:  #eef8f9;
    --border:  rgba(44, 150, 150, 0.18);
    --border2: rgba(44, 150, 150, 0.35);
    --accent:  #2c9696;
    --accent2: #1d7070;
    --gold:    #e3b341;
    --gold2:   #d4a017;
    --green:   #2ab870;
    --red:     #e85050;
    --purple:  #9b65e8;
    /* Текст — ВСЕГДА тёмный в светлой теме */
    --text:    #0a1a22;
    --sub:     #1a3545;
    --sub2:    #243e4e;

    /* Стекло — зеркальный эффект (прозрачное) */
    --glass-bg:         rgba(255, 255, 255, 0.32);
    --glass-bg-strong:  rgba(255, 255, 255, 0.62);
    --glass-bg-panel:   rgba(255, 255, 255, 0.42);
    --glass-border:     rgba(255, 255, 255, 0.65);
    --glass-border-acc: rgba(44, 150, 150, 0.28);

    /* Safe area */
    --sa-top:    var(--tg-safe-area-inset-top,    0px);
    --sa-bottom: var(--tg-safe-area-inset-bottom, 0px);
    --sa-left:   var(--tg-safe-area-inset-left,   0px);
    --sa-right:  var(--tg-safe-area-inset-right,  0px);

    --csa-top:    var(--tg-content-safe-area-inset-top,    0px);
    --csa-bottom: var(--tg-content-safe-area-inset-bottom, 0px);
    --csa-left:   var(--tg-content-safe-area-inset-left,   0px);
    --csa-right:  var(--tg-content-safe-area-inset-right,  0px);
}

/* ─────────────────────────────────────────────────────────────────────
   ТЁМНАЯ ТЕМА — дополнительные оверрайды
───────────────────────────────────────────────────────────────────── */
[data-theme="dark"] {
    --body-bg: linear-gradient(160deg, #040d1a 0%, #071223 50%, #040d1a 100%);

    --bg:     #040d1a;
    --bg2:    #071223;
    --card:   #0a1929;
    --card2:  #0d2040;
    --border:  rgba(44, 150, 150, 0.15);
    --border2: rgba(44, 150, 150, 0.30);
    --text:    #e6edf3;
    --sub:     #7d8590;
    --sub2:    #a0aab4;

    --glass-bg:         rgba(10, 25, 41, 0.88);
    --glass-bg-strong:  rgba(7, 18, 35, 0.97);
    --glass-bg-panel:   rgba(10, 25, 41, 0.70);
    --glass-border:     rgba(44, 150, 150, 0.22);
    --glass-border-acc: rgba(44, 150, 150, 0.32);
}