globals.css

/* Tailwind utilities + theme only — preflight (base reset) is intentionally
   skipped so it doesn't clash with Chakra UI's own CSS reset/components. */
@import "tailwindcss/theme" layer(theme);
@import "tailwindcss/utilities" layer(utilities);

* {
  box-sizing: border-box;
}

.chakra-ui-dark body {
  background-color: #0b0d0c;
  background-image:
    radial-gradient(760px circle at 12% -8%, rgba(74, 226, 146, 0.16), transparent 60%),
    radial-gradient(640px circle at 88% 12%, rgba(37, 99, 235, 0.12), transparent 55%);
  background-repeat: no-repeat;
  background-attachment: fixed;
}

::selection {
  background: rgba(74, 226, 146, 0.35);
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: #2a2f2d;
  border-radius: 999px;
}

::-webkit-scrollbar-thumb:hover {
  background: #3a413e;
}