/* ==========================================================
   Blockwave Crypto Template — Global Styles
   ----------------------------------------------------------
   Tailwind is responsible for most visual styling.
   Use this file for:
   - CSS variables
   - Global tweaks (scrollbar, selection)
   - Any small utilities that don't justify Tailwind config
   ========================================================== */

:root {
  --bw-radius-xl: 1.25rem;
  --bw-radius-2xl: 1.75rem;
}

::selection {
  background: rgba(96, 165, 250, 0.3);
  color: #e5f0ff;
}

/* Scrollbar */
body::-webkit-scrollbar {
  width: 10px;
}
body::-webkit-scrollbar-track {
  background: #020617;
}
body::-webkit-scrollbar-thumb {
  background: #1e293b;
  border-radius: 999px;
}
body::-webkit-scrollbar-thumb:hover {
  background: #334155;
}

/* Accessible hiding helper */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}