:root {
  --navy-950: #061021;
  --navy-900: #0a192f;
  --navy-800: #112240;
  --navy-700: #1d3557;
  --navy-600: #2b4c7e;
  --white: #ffffff;
}

body {
  background-color: #f8fafc;
  color: #0a192f;
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

.bg-navy-900 { background-color: var(--navy-900); }
.bg-navy-800 { background-color: var(--navy-800); }
.bg-navy-700 { background-color: var(--navy-700); }
.text-navy-900 { color: var(--navy-900); }
.border-navy-900 { border-color: var(--navy-900); }

.nav-tab {
  transition: all 0.2s ease;
  border-bottom: 3px solid transparent;
}

.nav-tab.active {
  border-bottom-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.12);
  font-weight: 600;
}