:root {
    --tg-bg: #0e1621;
    --tg-surface: rgba(23, 33, 43, 0.84);
    --tg-surface-strong: rgba(18, 26, 34, 0.96);
    --tg-text: #edf5ff;
    --tg-muted: #98a6b5;
    --tg-accent: #53a9eb;
    --tg-accent-strong: #3290ec;
    --tg-self-bubble: #2b5278;
    --tg-peer-bubble: rgba(33, 43, 54, 0.94);
    --tg-danger: #ff7a7a;
    --tg-shadow: 0 18px 42px rgba(0, 0, 0, 0.25);
    --tg-radius: 18px;
    --tg-safe-bottom: env(safe-area-inset-bottom, 0px);
    --tg-scrollbar-track: rgba(255, 255, 255, 0.06);
    --tg-scrollbar-thumb: rgba(83, 169, 235, 0.72);
    --tg-scrollbar-thumb-hover: rgba(127, 208, 255, 0.86);
    --tg-composer-height: 64px;
    --tg-wallpaper-overlay-opacity: 0;
}