:root {
  --navy: #0f172a;
  --navy-light: #1e293b;
  --amber: #d97706;
  --emerald: #059669;
  --clinical-bg: #f8fafc;
  --border: #e2e8f0;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  background-color: var(--clinical-bg);
  color: var(--navy);
  -webkit-font-smoothing: antialiased;
}

.font-display {
  font-family: 'Outfit', 'Inter', sans-serif;
}

.filter-chip {
  transition: all 0.15s ease;
  user-select: none;
}

.filter-chip.active {
  background-color: #0f172a;
  color: #ffffff;
  border-color: #0f172a;
}

.filter-chip.active .chip-dot {
  background-color: #d97706;
}