@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap");
:root.dark {
  --background: 225 24% 15% !important;
  --foreground: 220 20% 90% !important;
  --card: 224 20% 21% !important;
  --card-foreground: 220 20% 90% !important;
  --popover: 224 20% 21% !important;
  --popover-foreground: 220 20% 90% !important;
  --primary: 16 71% 55% !important;
  --primary-foreground: 0 0% 100% !important;
  --secondary: 225 15% 25% !important;
  --secondary-foreground: 220 20% 90% !important;
  --muted: 225 15% 25% !important;
  --muted-foreground: 220 10% 65% !important;
  --accent: 16 71% 55% !important;
  --accent-foreground: 0 0% 100% !important;
  --destructive: 0 68% 55% !important;
  --destructive-foreground: 0 0% 100% !important;
  --border: 225 15% 25% !important;
  --input: 225 15% 25% !important;
  --ring: 16 71% 55% !important;
  --success: 350 80% 65% !important;
  --error: 0 68% 55% !important;
}
body, .font-sans { font-family: "JetBrains Mono", monospace !important; }
.text-green-500, .text-green-600, .text-green-700, .text-emerald-800 {
  color: #df5c37 !important;
}
.text-red-500, .text-red-600, .text-red-700 {
  color: #ee4444 !important;
}
.border-green-500, .border-green-600 {
  border-color: #df5c37 !important;
}
.border-red-500, .border-red-600 {
  border-color: #ee4444 !important;
}
.bg-green-400 { background-color: #df5c37 !important; }
.bg-red-400 { background-color: #ee4444 !important; }
.bg-green-50 { background-color: rgba(223,92,55,0.15) !important; }
.bg-red-50 { background-color: rgba(238,68,68,0.15) !important; }
.bg-destructive\/10 { background-color: rgba(238,68,68,0.15) !important; }
.bg-success { background-color: #df5c37 !important; }
.bg-success\/10 { background-color: rgba(223,92,55,0.1) !important; }
.hover\\:bg-success\\/20:hover { background-color: rgba(223,92,55,0.2) !important; }
.animate-in { animation-duration: 0.2s !important; }