:root {
    /* Primary Colors */
    --primary-orange: #ff6b00;
    --secondary-orange: #ff8c42;
    --light-orange: #ffb347;
    --dark-orange: #e55a00;
    
    /* White Variations */
    --pure-white: #ffffff;
    --off-white: #f8f9fa;
    --light-gray: #ecf0f1;
    --medium-gray: #bdc3c7;
    --dark-gray: #7f8c8d;
    
    /* Text Colors */
    --text-primary: #2c3e50;
    --text-secondary: #34495e;
    --text-light: #ecf0f1;
    --text-muted: #bdc3c7;
    
    /* Background Colors */
    --bg-primary: #ffffff;
    --bg-secondary: #f8f9fa;
    --bg-dark: #2c3e50;
    --bg-darker: #34495e;
    
    /* Transparency Effects */
    --overlay-light: rgba(255, 255, 255, 0.1);
    --overlay-medium: rgba(255, 255, 255, 0.2);
    --overlay-dark: rgba(0, 0, 0, 0.2);
    --overlay-darker: rgba(0, 0, 0, 0.3);
    
    /* Borders */
    --border-light: rgba(255, 255, 255, 0.1);
    --border-medium: rgba(255, 255, 255, 0.2);
    --border-solid: #bdc3c7;
    
    /* Shadows */
    --shadow-light: 0 5px 15px rgba(0, 0, 0, 0.1);
    --shadow-medium: 0 10px 20px rgba(0, 0, 0, 0.1);
    --shadow-glow: 0 0 10px;
    --shadow-text: 0 2px 4px rgba(0, 0, 0, 0.3);
    --shadow-orange: rgba(255, 107, 0, 0.3);
    --shadow-orange-light: rgba(255, 107, 0, 0.2);
    
    /* Transitions */
    --transition-fast: 0.3s ease;
    --transition-medium: 0.5s ease;
    
    /* Layout */
    --container-width: 1200px;
    --container-padding: 20px;
    
}