body {
  font-family: 'Cairo', sans-serif;
  background-color: #08121B; /* navy-950 based on logo */
  color: #E2E8F0;
  overflow-x: hidden;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #08121B;
}
::-webkit-scrollbar-thumb {
  background: #102434;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #CEA942; /* logo gold */
}

/* Selection Highlight */
::selection {
  background-color: #CEA942;
  color: #08121B;
}

/* Grid overlay animation */
.bg-grid-pattern {
  background-size: 40px 40px;
  background-image: 
    linear-gradient(to right, rgba(26, 51, 75, 0.15) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(26, 51, 75, 0.15) 1px, transparent 1px);
}