:root {
  --brand-primary: #0F63B0;
  --brand-dark: #094682;
  --brand-light: #E6F0FA;
  --brand-light-text: #D1E8FF;
  --accent: #F59E0B;
  --neutral: #4B5563;
  --white: #FFFFFF;
  --gray-light: #E5E7EB;
  --gray-medium: #9CA3AF;
  --gray-dark: #374151;
  --success: #10B981;
  --error: #EF4444;
  --warning: #F59E0B;
  --info: #3B82F6;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;
  --space-64: 64px;
  --radius-small: 4px;
  --radius-medium: 8px;
  --radius-large: 12px;
  --radius-full: 9999px;
  --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);
  --transition-fast: 150ms ease;
  --transition-normal: 300ms ease;
}
.text-brand-primary {
  color: var(--brand-primary);
}
.bg-brand-primary {
  background-color: var(--brand-primary);
}
.border-brand-primary {
  border-color: var(--brand-primary);
}
.hover\:bg-brand-light:hover {
  background-color: var(--brand-light);
}
.hover\:bg-brand-dark:hover {
  background-color: var(--brand-dark);
}
.hover\:text-brand-primary:hover {
  color: var(--brand-primary);
}
.focus\:ring-brand-primary:focus {
  --tw-ring-color: var(--brand-primary);
}
.group:hover .dropdown-menu {
  display: block;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.rounded-full {
  border-radius: var(--radius-full);
}
.nav-link.active {
  color: var(--brand-primary);
  position: relative;
}
.nav-link.active::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background-color: var(--brand-primary);
}
.mobile-menu-item a.active {
  color: var(--brand-primary);
  font-weight: 600;
}
@media (max-width: 1023px) {
  #mobile-menu .text-sm {
    font-size: 16px;
  }
}