/* Variables for Apple-Style Resume Website */
:root {
    /* Loading screen color palette (typically not affected by dark mode) */
    --primary-gradient: linear-gradient(135deg, #2c3e50 0%, #3498db 50%, #9b59b6 100%);
    --secondary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    
    /* Apple-inspired colors (Light Mode Defaults) */
    --text-primary: #1d1d1f;
    --text-secondary: #86868b;
    --text-tertiary: #6e6e73;
    --background-primary: #F2F0EF; 
    --background-secondary:rgb(229, 228, 227);
    --background-tertiary: #fbfbfd; 
    
    --accent-blue: #007aff;
    --accent-purple: #af52de;
    --accent-green: #30d158;
    --accent-orange: #ff9500;
    --accent-red: #ff3b30;
    
    /* Spacing */
    --spacing-xs: 8px;
    --spacing-sm: 16px;
    --spacing-md: 24px;
    --spacing-lg: 32px;
    --spacing-xl: 48px;
    --spacing-2xl: 64px;
    --spacing-3xl: 96px;
    
    /* Typography */
    --font-family-display: 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-family-text: 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    
    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.1);
    
    /* Border radius */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;

    /* Navbar specific variables */
    --navbar-bg: rgba(255, 255, 255, 0.8);
    --navbar-bg-scrolled: rgba(255, 255, 255, 0.95);
    --navbar-border-color: rgba(0, 0, 0, 0.1);

    /* Card background variables */
    --card-bg: white; 

    /* NEW: Footer specific variables for light mode */
    --footer-background: var(--text-primary); 
    --footer-text: white; 
}