/* ============================================================
   QCN — assets/css/variables.css
   Все CSS-переменные проекта. Импортируется первым.
   ============================================================ */

:root {
    /* ── Фоны ── */
    --bg:          #080B14;   /* страница */
    --bg-panel:    #0E1220;   /* карточки, панели */
    --bg-card:     #111827;   /* вложенные элементы */
    --bg-overlay:  rgba(8, 11, 20, 0.95);

    /* ── Акценты ── */
    --accent:      #1B83C2;
    --accent2:     #0F5ED5;
    --accent-glow: rgba(27, 131, 194, 0.25);
    --accent-dim:  rgba(27, 131, 194, 0.12);

    /* ── Текст ── */
    --text:        #FFFFFF;
    --text-muted:  #8A9BBE;
    --text-dim:    #4A5568;

    /* ── Бордеры ── */
    --border:      rgba(27, 131, 194, 0.18);
    --border-soft: rgba(255, 255, 255, 0.06);
    --border-mid:  rgba(255, 255, 255, 0.10);

    /* ── Статусные цвета ── */
    --green:  #22C55E;
    --orange: #F59E0B;
    --red:    #EF4444;

    /* ── Медальные цвета ── */
    --gold:   #FFD700;
    --silver: #C0C8D8;
    --bronze: #CD7F32;

    /* ── Радиусы ── */
    --radius:    8px;
    --radius-lg: 14px;
    --radius-xl: 20px;

    /* ── Тени ── */
    --shadow:    0 4px 24px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.6);

    /* ── Переходы ── */
    --transition:      0.22s ease;
    --transition-slow: 0.40s ease;

    /* ── Шрифты ── */
    --font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-heading: 'Rajdhani', sans-serif;

    /* ── Лэйаут ── */
    --max-width:        1680px;
    --page-padding:     28px;
    --sidebar-width:    300px;
    --navbar-height:    62px;
    --sidebar-gap:      24px;
}

/* Мобильный оверрайд */
@media (max-width: 768px) {
    :root {
        --page-padding: 16px;
    }
}