:root {
  --brand-primary: #3F467A;
  --brand-primary-dark: #252A50;
  --brand-secondary: #626A9A;
  --brand-accent: #F59E0B;
  --brand-orange: #EA580C;
  --brand-orange-light: #FFF7ED;
  --brand-bg: #F8FAFC;
  --brand-text: #0F172A;
  --brand-muted: #64748B;
  --brand-border: #E2E8F0;
}

body {
  font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: var(--brand-text);
  background-color: var(--brand-bg);
  overflow-x: hidden;
}

/* Custom Typography & Utility */
.font-display {
  font-family: 'Plus Jakarta Sans', sans-serif;
  letter-spacing: -0.025em;
}

/* Glassmorphism & Elevated Depth */
.nav-glass {
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(226, 232, 240, 0.9);
  box-shadow: 0 10px 30px -10px rgba(37, 42, 80, 0.08), 0 1px 3px 0 rgba(0, 0, 0, 0.05);
}

.card-enterprise {
  background: #ffffff;
  border: 1px solid #E2E8F0;
  border-radius: 16px;
  box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.05), 0 2px 6px -1px rgba(15, 23, 42, 0.02);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.card-enterprise:hover {
  transform: translateY(-4px);
  border-color: #CBD5E1;
  box-shadow: 0 20px 40px -12px rgba(37, 42, 80, 0.12), 0 4px 12px -2px rgba(15, 23, 42, 0.04);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
::-webkit-scrollbar-track {
  background: #F1F5F9;
}
::-webkit-scrollbar-thumb {
  background: #CBD5E1;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94A3B8;
}

/* Gradient accents */
.text-gradient-orange {
  background: linear-gradient(135deg, #F59E0B 0%, #EA580C 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-gradient-navy {
  background: linear-gradient(135deg, #252A50 0%, #3F467A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-gradient-purple {
  background: linear-gradient(135deg, #7E22CE 0%, #4F46E5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.badge-orange {
  background: #FFF7ED;
  color: #C2410C;
  border: 1px solid #FFEDD5;
}

.badge-indigo {
  background: #EEF2FF;
  color: #3730A3;
  border: 1px solid #E0E7FF;
}

/* Atmospheric Grid Pattern */
.bg-grid-pattern {
  background-size: 36px 36px;
  background-image: 
    linear-gradient(to right, rgba(226, 232, 240, 0.5) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(226, 232, 240, 0.5) 1px, transparent 1px);
}

.bg-dot-pattern {
  background-size: 24px 24px;
  background-image: radial-gradient(rgba(148, 163, 184, 0.3) 1px, transparent 1px);
}

/* Hide scrollbars */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}