@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
:root.dark {
  --background: 240 10% 3.9%;
  --foreground: 0 0% 98%;
  --card: 240 10% 3.9%;
  --card-foreground: 0 0% 98%;
  --popover: 240 10% 3.9%;
  --popover-foreground: 0 0% 98%;
  --primary: 0 0% 98%;
  --primary-foreground: 240 5.9% 10%;
  --secondary: 240 3.7% 15.9%;
  --secondary-foreground: 0 0% 98%;
  --muted: 240 3.7% 15.9%;
  --muted-foreground: 240 5% 64.9%;
  --accent: 204 100% 55%;
  --accent-foreground: 240 10% 3.9%;
  --destructive: 0 62.8% 50%;
  --destructive-foreground: 0 0% 98%;
  --border: 240 3.7% 15.9%;
  --input: 240 3.7% 15.9%;
  --ring: 204 100% 55%;
}
/* the product's own --success token (dark mode), converted from HSL to
   hex since these are literal Tailwind-compiled utility classes. */
.bg-green-400, .bg-green-500 { background-color: #2EB860; }
body, .font-sans {
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
}