/* ====================================
   YUHITECH CONSULTANCY SERVICES
   Master CSS Stylesheet
   Version: 1.0
   ====================================

   TABLE OF CONTENTS:
   1. CSS Variables
   2. Reset & Base Styles
   3. Glassmorphism Effects
   4. Typography
   5. Header & Navigation
   6. Hero Sections
   7. Buttons
   8. Forms
   9. Cards
   10. Sections & Containers
   11. Stats & Counters
   12. Services
   13. Testimonials
   14. Footer
   15. Utilities
   16. Animations
   17. Responsive Design
   ==================================== */

/* ====================================
   1. CSS VARIABLES
   ==================================== */
:root {
    /* Brand Colors */
    --primary: #0066FF;
    --primary-dark: #0052CC;
    --secondary: #1e3a8a;
    --accent: #60a5fa;
    --accent-light: #93c5fd;
    
    /* Glassmorphism */
    --glass-light: rgba(255, 255, 255, 0.25);
    --glass-medium: rgba(255, 255, 255, 0.15);
    --glass-dark: rgba(255, 255, 255, 0.05);
    
    /* Neutral Colors */
    --white: #ffffff;
    --black: #000000;
    --gray-50: #f9fafb;
    --gray-100: #f3f4f6;
    --gray-200: #e5e7eb;
    --gray-300: #d1d5db;
    --gray-400: #9ca3af;
    --gray-500: #6b7280;
    --gray-600: #4b5563;
    --gray-700: #374151;
    --gray-800: #1f2937;
    --gray-900: #111827;
    
    /* Semantic Colors */
    --success: #10b981;
    --warning: #f59e0b;
    --error: #ef4444;
    --info: #3b82f6;
    
    /* Spacing */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 1.5rem;
    --spacing-lg: 2rem;
    --spacing-xl: 3rem;
    --spacing-2xl: 4rem;
    --spacing-3xl: 6rem;
    
    /* Border Radius */
    --radius-sm: 8px;
    --radius-md: 15px;
    --radius-lg: 30px;
    --radius-xl: 50px;
    --radius-full: 9999px;
    
    /* Shadows */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 8px 32px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 30px 80px rgba(0, 0, 0, 0.15);
    --shadow-glass: 0 8px 32px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.5);
    
    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-base: 0.3s ease;
    --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* Typography */
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', sans-serif;
    --font-mono: 'Monaco', 'Courier New', monospace;
    
    /* Z-index Scale */
    --z-dropdown: 100;
    --z-sticky: 200;
    --z-fixed: 300;
    --z-modal-backdrop: 400;
    --z-modal: 500;
    --z-popover: 600;
    --z-tooltip: 700;
}