/* ============================================================
   Quick-Queue — общие design-токены (CSS custom properties)
   Подключается первым на всех крупных страницах.
   Объединяет палитры, ранее продублированные в каждом шаблоне.
   Страница может переопределить отдельные токены в своём <page>.css
   (например statistics: --dark, --transition).
   ============================================================ */
:root {
    /* Палитра */
    --primary: #2c3e50;
    --secondary: #1abc9c;
    --accent: #e74c3c;
    --info: #3498db;
    --warning: #f39c12;
    --danger: #e74c3c;
    --success: #2ecc71;
    --light: #ecf0f1;
    --dark: #2c3e50;
    --gray: #95a5a6;
    --white: #ffffff;
    --black: #000000;

    /* Градиенты */
    --gradient-primary: linear-gradient(135deg, var(--primary) 0%, #1a2530 100%);
    --gradient-secondary: linear-gradient(135deg, var(--secondary) 0%, #16a085 100%);
    --gradient-accent: linear-gradient(135deg, var(--accent) 0%, #c0392b 100%);

    /* Тени */
    --shadow-sm: 0 2px 5px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 10px rgba(0, 0, 0, 0.15);
    --shadow-lg: 0 8px 20px rgba(0, 0, 0, 0.2);

    /* Радиусы */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;

    /* Прочее */
    --transition: all 0.3s ease;

    /* Токены панели статистики */
    --sidebar-bg: #1f2a37;
    --sidebar-active: rgba(26, 188, 156, 0.18);
    --card-bg: rgba(255, 255, 255, 0.05);
}