/* Main CSS */
:root {
  --color-navy: #1A3A5F;
  --color-neon: #00C1B5;
  --color-ice: #E6F4F1;
  --color-royal: #5E35B1;
}

body {
  font-family: 'Inter', sans-serif;
  background-color: var(--color-ice);
  color: #1e293b; /* slate-800 */
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: var(--color-ice);
}
::-webkit-scrollbar-thumb {
  background: var(--color-navy);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--color-royal);
}

/* Selection styles */
::selection {
  background-color: var(--color-neon);
  color: var(--color-navy);
}

/* Utility for hidden/block mobile menu */
.mobile-menu-hidden {
  display: none;
}
.mobile-menu-visible {
  display: flex;
}