:root {
  --background: #141313;
  --foreground: #E4E2E1;
  --card: #1C1B1B;
  --primary: #FA5000;
  --muted: #201F1F;
  --muted-foreground: #C9C6C5;
  --border: #494645;
}
html, body {
  margin: 0;
  background: var(--background);
  color: var(--foreground);
  font-family: Inter, Arial, Helvetica, sans-serif;
}
.bg-background { background-color: var(--background); }
.text-foreground { color: var(--foreground); }
.bg-card { background-color: var(--card); }
.text-muted-foreground { color: var(--muted-foreground); }
.text-primary { color: var(--primary); }
.bg-primary { background-color: var(--primary); }
.text-white { color: #fff; }
.bg-muted { background-color: var(--muted); }
.bg-muted\/60 { background-color: color-mix(in srgb, var(--muted) 60%, transparent); }
.border-border { border-color: var(--border); }
.border-border\/80 { border-color: color-mix(in srgb, var(--border) 80%, transparent); }
.border-border\/70 { border-color: color-mix(in srgb, var(--border) 70%, transparent); }
.text-foreground\/90 { color: color-mix(in srgb, var(--foreground) 90%, transparent); }
.bg-background\/60 { background-color: color-mix(in srgb, var(--background) 60%, transparent); }
code {
  font-size: 0.75rem;
  background: var(--muted);
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
  color: var(--foreground);
}
a { color: inherit; }
strong { color: var(--foreground); }