@import "tailwindcss";

@theme {
  --font-sans: "Maplestory", "Noto Sans KR", system-ui, -apple-system, sans-serif;
  --font-maple: "Maplestory", "Noto Sans KR", sans-serif;
}

html, body, #root {
  height: 100%;
  background: #030712;
}

html {
  font-family: "Maplestory", "Noto Sans KR", system-ui, sans-serif;
}

body {
  font-feature-settings: "ss01", "ss02";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

button:not(:disabled),
[role="button"]:not(:disabled),
a {
  cursor: pointer;
}

button:disabled {
  cursor: not-allowed;
}

/* number input 화살표 숨기기 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}

/* 툴팁 애니메이션 */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(2px); }
  to { opacity: 1; transform: translateY(0); }
}

/* 커스텀 스크롤바 */
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.1) transparent;
}
*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
*::-webkit-scrollbar-track {
  background: transparent;
}
*::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 4px;
  transition: background 0.2s;
}
*::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.18);
}
*::-webkit-scrollbar-corner {
  background: transparent;
}