@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap');

@layer base {
  html {
    font-family: ui-sans-serif, system-ui, -apple-system, sans-serif;
  }
  ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }
  ::-webkit-scrollbar-track {
    background: #020617;
  }
  ::-webkit-scrollbar-thumb {
    background: #1e293b;
    border-radius: 3px;
  }
  ::-webkit-scrollbar-thumb:hover {
    background: #334155;
  }
}

@layer utilities {
  .font-mono {
    font-family: 'JetBrains Mono', Fira Code, ui-monospace, monospace !important;
  }
}

/* Modal Portal Keyframe Definitions */
#calcModal.active {
  display: flex !important;
  opacity: 1 !important;
}
#calcModal.active > div {
  transform: scale(1) !important;
}

input[type="radio"] {
  accent-color: #06b6d4;
  cursor: pointer;
}