/* public/assets/css/variables.css */

:root {
    /* Основные цвета — синий и голубой */
    --main-orange: #1976d2;
    --main-blue: #1565c0;
    --main-light: #42a5f5;
    
    /* Цвета */
    --color-black: #000000;
    --color-white: #ffffff;
    --color-gray-light: #f5f5f5;
    --color-gray: #e5e5e5;
    --color-gray-dark: #4d4d4d;
    
    /* Градиенты для карточек */
    --gradient-blue: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
    --gradient-green: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
    --gradient-teal: linear-gradient(135deg, #e0f2f1 0%, #b2dfdb 100%);
    --gradient-purple: linear-gradient(135deg, #f3e5f5 0%, #e1bee7 100%);
    
    /* Градиенты для режимов */
    --gradient-mode-blue: linear-gradient(135deg, #ffffff 0%, #f0f7ff 100%);
    --gradient-mode-green: linear-gradient(135deg, #ffffff 0%, #f0fdf4 100%);
    
    /* Цвета для work-card */
    --color-work-blue: #2196f3;
    --color-work-green: #4caf50;
    --color-work-purple: #9c27b0;
    --color-work-teal: #009688;
    
    /* Тени */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
    --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.12);
    --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.2);
    
    /* Шрифты */
    --font-family: 'TT Travels', sans-serif;
    
    /* Размеры */
    --border-width: 3px;
    --border-width-hover: 4px;
}