:root {
    /* Colors */
    --brand-primary: #1767b3;
    --brand-dark: #0f4c7c;
    --brand-light: #f8fafc;
    --brand-light-text: #FFFFFF;
    --accent: #fbaf43;
    --accent-dark: #e09a2a;
    --neutral: #64748b;
    --white: #FFFFFF;
    --gray-light: #E5E7EB;
    --gray-medium: #9CA3AF;
    --gray-dark: #374151;
    --success: #10B981;
    --error: #EF4444;
    --warning: #F59E0B;
    --info: #3B82F6;
    /* Fonts */
    --font-heading: 'Josefin Sans', sans-serif;
    --font-body: 'Open Sans', sans-serif;
    /* Spacing */
    --space-4: 4px;
    --space-8: 8px;
    --space-12: 12px;
    --space-16: 16px;
    --space-24: 24px;
    --space-32: 32px;
    --space-48: 48px;
    --space-64: 64px;
    /* Border Radius */
    --radius-small: 4px;
    --radius-medium: 8px;
    --radius-large: 12px;
    --radius-full: 9999px;
    /* Shadows */
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --shadow-md: 0 4px 8px rgba(0,0,0,0.1);
    --shadow-lg: 0 8px 16px rgba(0,0,0,0.15);
    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-normal: 300ms ease;
  }

  #ai_header {
    font-family: var(--font-body);
  }

  /* Simple desktop nav control */
  @media (min-width: 1024px) {
    .site-nav-desktop {
      display: flex !important;
      align-items: center;
      justify-content: flex-end;
      flex: 1;
      margin-left: 2rem;
    }
  }

  .custom-header {
    background-color: #fdfdfd;
  }

  .text-brand-primary {
    color: var(--brand-primary) !important;
  }

  .bg-brand-primary {
    background-color: var(--brand-primary) !important;
  }

  .bg-brand-dark {
    background-color: var(--brand-dark) !important;
  }

  .border-brand-primary {
    border-color: var(--brand-primary) !important;
  }

  .hover\:bg-brand-primary:hover {
    background-color: var(--brand-primary) !important;
  }

  .hover\:bg-brand-dark:hover {
    background-color: var(--brand-dark) !important;
  }

  .hover\:text-brand-primary:hover {
    color: var(--brand-primary) !important;
  }

  .hover\:text-white:hover {
    color: var(--white) !important;
  }

  /* Hide desktop navigation on mobile */
  @media (max-width: 1023px) {
    nav.hidden {
      display: none !important;
    }
  }

  /* Show desktop navigation on desktop */
  @media (min-width: 1024px) {
    nav.hidden.lg\:flex {
      display: flex !important;
    }
  }

  .rounded-lg {
    border-radius: 8px !important;
  }

  .site-navigation-1 .active {
    color: var(--brand-primary) !important;
    font-weight: 600;
    position: relative;
  }

  .site-navigation-1 .active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 32px;
    height: 2px;
    background-color: var(--brand-primary);
    border-radius: 1px;
  }

  .group:hover .dropdown-menu {
    display: block;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .header-white{
    background: 'white';
    border-color: '#e5e7eb'
  }

  .header-transparent {
    background: 'transparent';
    border-color: 'transparent';
  }

  .homepage li a{
    color: white !important;
  }

  .homepage .site-button {
    color: white !important;
  }

   .scrolled .site-button{
    color: unset !important;
  }

.homepage svg {
    color: white !important;
  }

   .scrolled svg{
    color: unset !important;
  }
  .scrolled li a{
    color: unset !important;
  }

  .header-transparent:hover {
    background: 'white';
    border-color: '#e5e7eb'
  }