:root {
  --brand-navy: #0b2545;
  --brand-orange: #f27a1a;
  --brand-grey: #8c9ba5;
  --primary-cyan: #06b6d4;
  --primary-emerald: #10b981;
  --primary-violet: #6366f1;
  --bg-dark: #0a0d14;
  --card-dark: rgba(15, 23, 42, 0.7);
  --border-dark: rgba(148, 163, 184, 0.12);
}

body {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  color: #1e293b;
  background-color: #f8fafc;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, .font-display {
  font-family: 'Space Grotesk', sans-serif;
}

code, pre, .font-mono {
  font-family: 'JetBrains Mono', monospace;
}

/* Custom glow and badges */
.cyber-glow-cyan {
  box-shadow: 0 0 25px -5px rgba(6, 182, 212, 0.35);
}

.cyber-glow-emerald {
  box-shadow: 0 0 25px -5px rgba(16, 185, 129, 0.35);
}

.cyber-border-gradient {
  border-image: linear-gradient(to right, #06b6d4, #10b981, #6366f1) 1;
}

/* Smooth Table scrollbar on mobile */
.custom-scrollbar::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}
.custom-scrollbar::-webkit-scrollbar-track {
  background: #f1f5f9;
  border-radius: 4px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Glassmorphism accents */
.glass-panel {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

/* Navigation active indicator */
.nav-link-active {
  background-color: #ecfeff;
  color: #0e7490;
  font-weight: 700;
}


/* Web Vitals font display & CLS stabilization */
@supports (font-display: swap) {
  h1, h2, h3, h4, .font-display {
    font-display: swap;
  }
}