/* ==================== CSS Variables ==================== */
:root {
    /* Primary Colors - Bright Red/Pink Theme */
    --primary-color: #e63946;
    --primary-dark: #c41e3a;
    --primary-light: #ff5765;
    
    /* Accent Colors - Dark Blue */
    --accent-color: #1a2f4a;
    --accent-light: #2c4a6f;
    --accent-dark: #0f1e30;
    
    /* Footer Color - Deep Red */
    --footer-bg: #e63946;
    --footer-dark: #c41e3a;
    
    /* Neutral Colors */
    --text-dark: #333333;
    --text-light: #666666;
    --white: #ffffff;
    --off-white: #f8f9fa;
    --gray-light: #e9ecef;
    --gray-medium: #adb5bd;
    --gray-dark: #495057;
    
    /* Effects */
    --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.15);
    --transition: all 0.3s ease;
    --border-radius: 8px;
}