/* CSS Variables */

:root {
    /* Colors */
    --primary-color: #ff6b6b;
    --primary-hover: #ff5252;
    --text-color: #333;
    --text-light: #666;
    --text-lighter: #999;
    --bg-light: #f8f9fa;
    --bg-white: #ffffff;
    --border-color: #ddd;
    
    /* Bootstrap compatibility */
    --bs-body-bg: #ffffff;
    --bs-body-color: #333;
    
    /* Spacing */
    --container-max-width: 1300px;
    --container-padding: 20px;
    
    /* Typography */
    --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --font-size-base: 16px;
    --line-height-base: 1.6;
    
    /* Transitions */
    --transition-base: all 0.3s ease;
}