/* Inter font family - variable, self-hosted (100-900 weights) */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/inter-latin.woff2') format('woff2');
}


/* Roboto Mono font family - self-hosted */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/roboto-mono-latin.woff2') format('woff2');
}

@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/roboto-mono-latin.woff2') format('woff2');
}

body {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  font-family: 'Inter', system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code, .code {
  font-family: 'Roboto Mono', monospace;
}


.darkText{
    color: hsl(0, 0%, 13%);
}

.greyText{
    color: hsl(0, 0%, 29%);
}

.lightGrayText{
    color: hsl(0, 0%, 45%);
}

/* Dark mode scrollbar styling — kills the "unfinished dark mode" tell */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: rgb(255 255 255 / 0.14);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover {
  background: rgb(255 255 255 / 0.22);
  background-clip: content-box;
}
::-webkit-scrollbar-corner {
  background: transparent;
}

/* Override browser default #0000ee link color — invisible on dark backgrounds */
a {
    color: inherit;
}

a.sneakyLink {
    color: inherit;
    text-decoration: inherit;
}

input[type="time"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

.clickablePointer{
    cursor: pointer;
}

.grabbable {
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

/* (Optional) Apply a "closed-hand" cursor during drag operation. */
.grabbable:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}


div[style*="MUI X Expired license key"] {
  display: none !important;
}
div[style*="pointer-events: none"][style*="z-index: 100000"] {
  display: none !important;
}