/* ====================================
   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: #14746f;
    --primary-dark: #0f4c5c;
    --secondary: #12304a;
    --accent: #d97706;
    --accent-light: #f6ad55;
    --primary-rgb: 20, 116, 111;
    --primary-dark-rgb: 15, 76, 92;
    --secondary-rgb: 18, 48, 74;
    --accent-rgb: 217, 119, 6;
    --surface-tint: #f6fbfa;
    --surface-warm: #fffaf2;
    
    /* 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: #f7fafb;
    --gray-100: #edf3f5;
    --gray-200: #d7e2e7;
    --gray-300: #b6c7cf;
    --gray-400: #89a0ab;
    --gray-500: #5f7682;
    --gray-600: #455a65;
    --gray-700: #31424a;
    --gray-800: #1f2d33;
    --gray-900: #142126;
    
    /* 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 6px 18px rgba(18, 48, 74, 0.06);
    --shadow-md: 0 16px 40px rgba(18, 48, 74, 0.1);
    --shadow-lg: 0 24px 60px rgba(18, 48, 74, 0.14);
    --shadow-xl: 0 32px 90px rgba(18, 48, 74, 0.18);
    --shadow-glass: 0 16px 40px rgba(18, 48, 74, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.55);
    
    /* 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;
}