:root {
      /* ========= Brand Colors ========= */
      --color-primary: #0056A4;        
      --color-primary-600: #004C93;    
      --color-primary-700: #003B73;    

      --color-accent: #F7931E;         
      --color-accent-600: #DB7C13;     
      --color-accent-100: #FFF3E5;     

      --color-secondary: #00AEEF;      
      --color-secondary-700: #0086B3;  

      /* ========= Backgrounds ========= */
      --color-bg: #FFFFFF;             
      --color-bg-alt: #F8FAFC;         
      --color-surface: #FFFFFF;        
      --color-border: #E5E7EB;         
      --color-muted: #6B7280;          

      /* ========= Text ========= */
      --color-text: #1E293B;           
      --color-text-muted: #475569;     
      --color-text-inverse: #FFFFFF;   

      /* ========= Shadows ========= */
      --shadow-soft: 0 6px 24px rgba(0, 72, 123, 0.08);
      --shadow-hard: 0 12px 40px rgba(0, 72, 123, 0.16);
    }

    body {
      font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
      background-color: var(--color-bg);
      color: var(--color-text);
    }

    .animate-fade-in {
      animation: fadeIn 0.3s ease-in-out;
    }
    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(-10px); }
      to { opacity: 1; transform: translateY(0); }
    }

    /* Mobile menu animation */
    .mobile-menu {
      transition: max-height 0.3s ease-out;
      overflow: hidden;
    }

    /* Custom AOS Animations */
    @keyframes custom-left {
      0% { opacity: 0; transform: translateX(-50px); }
      100% { opacity: 1; transform: translateX(0); }
    }
    @keyframes custom-right {
      0% { opacity: 0; transform: translateX(50px); }
      100% { opacity: 1; transform: translateX(0); }
    }
    [data-aos="custom-left"] {
      opacity: 0;
      transform: translateX(-50px);
      transition-property: transform, opacity;
    }
    [data-aos="custom-right"] {
      opacity: 0;
      transform: translateX(50px);
      transition-property: transform, opacity;
    }
    [data-aos].aos-animate[data-aos="custom-left"] {
      animation: custom-left 0.3s ease forwards;
    }
    [data-aos].aos-animate[data-aos="custom-right"] {
      animation: custom-right 0.3s ease forwards;
    }