@import "tailwindcss";
@import "tw-animate-css";

@custom-variant dark (&:is(.dark *));

:root {
  --background: #0a0a0a;
  --foreground: #ededed;
  --card: #111111;
  --card-foreground: #ededed;
  --border: #222222;
  --muted: #1a1a1a;
  --muted-foreground: #888888;
  --primary: #ededed;
  --primary-foreground: #0a0a0a;
  --destructive: #ef4444;
  --destructive-foreground: #fff;
  --accent: #2a2a2a;
  --accent-hover: #333333;
  --accent-foreground: #ededed;
  --ring: #444444;
  --radius: 0.5rem;
}

* {
  border-color: var(--border);
  box-sizing: border-box;
}

body {
  background: var(--background);
  color: var(--foreground);
  margin: 0;
}

button {
  cursor: pointer;
}