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

* { box-sizing: border-box; }

body { font-family: 'Inter', system-ui, sans-serif; }

/* ── Range slider ──────────────────────────────────────── */
.range-slider { accent-color: #3b82f6; }
.range-slider::-webkit-slider-thumb { cursor: pointer; }

/* ── Scrollbar ─────────────────────────────────────────── */
::-webkit-scrollbar       { width: 4px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #334155; border-radius: 4px; }

/* ── Bottom-sheet handle (mobile) ─────────────────────── */
.drag-handle {
  width: 40px; height: 4px;
  background: #334155;
  border-radius: 9999px;
  margin: 12px auto 0;
}

/* ── Number input — hide spinners ─────────────────────── */
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; }

/* ── Card active glow ─────────────────────────────────── */
.card-glow:hover {
  box-shadow: 0 0 0 1px #3b82f6, 0 8px 32px -8px rgba(59,130,246,.35);
}