@import 'tailwindcss';

:root {
  color-scheme: light;
  font-family: system-ui, 'Hiragino Sans', 'Noto Sans JP', sans-serif;
  -webkit-font-smoothing: antialiased;
}

html,
body,
#root {
  height: 100%;
  margin: 0;
}

body {
  background:
    radial-gradient(1200px 600px at 50% -10%, #1e293b 0%, transparent 60%),
    linear-gradient(180deg, #0f172a 0%, #0b1120 100%);
  color: #e2e8f0;
}

/* Hide default spin buttons */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
  appearance: textfield;
}