/* ==================== */
/* CSS ПЕРЕМЕННЫЕ */
/* ==================== */

:root {
    /* Основные цвета кёрлинга (как на площадке) */
    --ice-white: #f8fafc;
    --ice-blue: #e6f0ff;
    --ice-texture: #f0f8ff;
    
    /* Синие цвета (разметка на льду) */
    --blue-line: #2c5aa0;
    --blue-light: #4a7bc8;
    --blue-accent: #3a7bd5;
    
    /* Красные цвета (разметка на льду) */
    --red-line: #e74c3c;
    --red-light: #ff6b6b;
    --red-accent: #ff5252;
    
    /* Нейтральные цвета */
    --dark-gray: #2c3e50;
    --medium-gray: #4a5568;
    --light-gray: #718096;
    --extra-light-gray: #e2e8f0;
    
    /* Фоновые цвета */
    --bg-white: #ffffff;
    --bg-light: #f8f9fa;
    --bg-ice: linear-gradient(135deg, #f0f8ff 0%, #e6f0ff 100%);
    
    /* Градиенты */
    --gradient-blue: linear-gradient(135deg, var(--blue-line) 0%, var(--blue-accent) 100%);
    --gradient-red: linear-gradient(135deg, var(--red-line) 0%, var(--red-light) 100%);
    --gradient-ice: linear-gradient(135deg, #e6f0ff 0%, #f0f8ff 100%);
    
    /* Тени */
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.15);
    
    /* Скругления */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
}