@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap');
:root {
  --background: 38 25% 93%;
  --foreground: 43 16% 10%;
  --card: 37 67% 98%;
  --card-foreground: 43 16% 10%;
  --popover: 37 67% 98%;
  --popover-foreground: 43 16% 10%;
  --primary: 16 100% 60%;
  --primary-foreground: 0 0% 100%;
  --secondary: 40 20% 92%;
  --secondary-foreground: 43 16% 10%;
  --muted: 40 20% 92%;
  --muted-foreground: 41 8% 39%;
  --accent: 40 20% 92%;
  --accent-foreground: 43 16% 10%;
  --border: 38 15% 88%;
  --input: 38 15% 88%;
  --ring: 16 100% 60%;
  --radius: 0.625rem;
}
:root.dark {
  --background: 240 6% 6%;
  --foreground: 60 5% 98%;
  --card: 240 6% 10%;
  --card-foreground: 60 5% 98%;
  --popover: 240 6% 10%;
  --popover-foreground: 60 5% 98%;
  --primary: 17 100% 68%;
  --primary-foreground: 240 6% 6%;
  --secondary: 240 4% 16%;
  --secondary-foreground: 60 5% 98%;
  --muted: 240 5% 14%;
  --muted-foreground: 50 3% 62%;
  --accent: 240 4% 18%;
  --accent-foreground: 60 5% 98%;
  --border: 0 0% 18%;
  --input: 0 0% 18%;
  --ring: 17 100% 68%;
}
html {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#social { display: none !important; }
.text-3xl, .text-2xl, .text-4xl {
  font-family: 'Space Grotesk', system-ui, sans-serif !important;
  letter-spacing: -0.02em;
}
.bg-green-500, .bg-green-700 { background-color: #22c55e !important; }
.dark .dark\:bg-green-600 { background-color: #16a34a !important; }
.bg-red-500, .bg-red-700 { background-color: #ef4444 !important; }
.bg-primary {
  background-color: hsl(17 100% 68%) !important;
}
.dark .bg-primary {
  background-color: hsl(17 100% 68%) !important;
}