/* ============================================
   Тёмная тема (по умолчанию)
   ============================================ */
:root,
:root[data-theme="dark"] {
    /* Фоны */
    --bg-base:      #0f0f13;
    --bg-surface:   #1a1a24;
    --bg-elevated:  #242433;
    --bg-input:     #2a2a3d;
    --bg-hover:     #2e2e42;

    /* Акцент */
    --accent:         #e94560;
    --accent-hover:   #c73652;
    --accent-muted:   rgba(233, 69, 96, 0.15);

    /* Текст */
    --text-primary:   #f0f0f5;
    --text-secondary: #8892a4;
    --text-muted:     #555566;
    --text-on-accent: #ffffff;

    /* Границы */
    --border:         #2e2e42;
    --border-focus:   #e94560;

    /* Статусы */
    --online:         #4ade80;
    --danger:         #f87171;
    --danger-hover:   #ef4444;
    --warning:        #fbbf24;
    --success:        #4ade80;

    /* Сообщения */
    --msg-own-bg:     #e94560;
    --msg-own-text:   #ffffff;
    --msg-other-bg:   #242433;
    --msg-other-text: #f0f0f5;

    /* Навигация */
    --nav-width:      64px;
    --sidebar-width:  300px;

    /* Тени */
    --shadow-sm:  0 1px 3px rgba(0,0,0,0.4);
    --shadow-md:  0 4px 12px rgba(0,0,0,0.5);
    --shadow-lg:  0 8px 24px rgba(0,0,0,0.6);

    /* Скругления */
    --radius-sm:  6px;
    --radius-md:  10px;
    --radius-lg:  14px;
    --radius-xl:  20px;
    --radius-full: 9999px;

    /* Анимации */
    --transition-fast: 120ms ease;
    --transition-base: 200ms ease;
    --transition-slow: 300ms ease;

    /* Плеер */
    --player-height: 64px;

    /* Мобильная навигация и плеер */
    --mobile-nav-height: 60px;
    --mobile-player-height: 56px;
    /* Высота поля ввода сообщения (с запасом под reply/file preview) */
    --mobile-input-height: 70px;
}

/* ============================================
   Светлая тема
   ============================================ */
:root[data-theme="light"] {
    --bg-base:      #f0f0f5;
    --bg-surface:   #ffffff;
    --bg-elevated:  #e8e8f0;
    --bg-input:     #ebebf3;
    --bg-hover:     #e0e0ea;

    --accent:         #e94560;
    --accent-hover:   #c73652;
    --accent-muted:   rgba(233, 69, 96, 0.12);

    --text-primary:   #1a1a2e;
    --text-secondary: #5a6478;
    --text-muted:     #aab0bc;
    --text-on-accent: #ffffff;

    --border:         #dcdce8;
    --border-focus:   #e94560;

    --online:         #22c55e;
    --danger:         #ef4444;
    --danger-hover:   #dc2626;
    --warning:        #f59e0b;
    --success:        #22c55e;

    --msg-own-bg:     #e94560;
    --msg-own-text:   #ffffff;
    --msg-other-bg:   #ffffff;
    --msg-other-text: #1a1a2e;

    --shadow-sm:  0 1px 3px rgba(0,0,0,0.1);
    --shadow-md:  0 4px 12px rgba(0,0,0,0.12);
    --shadow-lg:  0 8px 24px rgba(0,0,0,0.15);
}