/* ============================================
   CSS ПЕРЕМЕННЫЕ ДЛЯ ТЕМЫ PROMAREN
   ============================================
   Цветовая схема соответствует Next.js проекту
   ============================================ */

:root {
    /* Основные цвета */
    --primary: #0c82d6;
    --primary-hover: #0ea5e9;
    --primary-dark: #0a6ba8;
    --primary-light: #38bdf8;
    
    /* Фоны */
    --background: #000000;
    --card: #1a1a1a;
    --card-hover: #252525;
    
    /* Текст */
    --foreground: #ffffff;
    --muted-foreground: #8a8a8a;
    --muted-foreground-light: #a0a0a0;
    
    /* Границы и разделители */
    --border: #292929;
    --border-light: #3a3a3a;
    
    /* Градиенты */
    --gradient-primary: linear-gradient(135deg, #0c82d6 0%, #0ea5e9 50%, #0a6ba8 100%);
    --gradient-primary-hover: linear-gradient(135deg, #0ea5e9 0%, #0c82d6 50%, #0a6ba8 100%);
    --gradient-dark: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #000000 100%);
    
    /* Тени */
    --shadow-primary: 0 6px 25px rgba(12, 130, 214, 0.35), 0 2px 10px rgba(12, 130, 214, 0.2);
    --shadow-primary-hover: 0 10px 40px rgba(12, 130, 214, 0.5), 0 4px 18px rgba(12, 130, 214, 0.3);
}