/* ═══════════════════════════════════════════════════════════════════════════════
   ПЕРЕМЕННЫЕ (глобальные, для всего сайта)
   ═══════════════════════════════════════════════════════════════════════════════ */

:root {
    /* Цвета */
    --primary-color: #6200ea;
    --primary-hover: #3700b3;
    --secondary-color: #64748b;
    --danger-color: #dc2626;
    --success-color: #16a34a;
    --warning-color: #ca8a04;
    --bg-primary: #ffffff;
    --bg-secondary: #f8fafc;
    --bg-dark: #0f172a;
    --bg-gradient: linear-gradient(135deg, #f3e5f5 0%, #e8eaf6 100%);
    /* Текст */
    --text-primary: #1a1a1a;
    --text-secondary: #555555;
    --text-light: #999999;
    /* Границы и тени */
    --border-color: #e2e8f0;
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.06);
    --shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 20px rgba(0, 0, 0, 0.15);
    /* Скругления */
    --radius: 12px;
    --radius-sm: 8px;
    --radius-lg: 20px;
    --radius-xl: 16px;
    --radius-full: 50%;
    /* Переходы */
    --transition: all 0.2s ease;
}