@import "tailwindcss";

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

@theme {
  --color-background: oklch(0.145 0 0);
  --color-foreground: oklch(0.985 0 0);
  --color-card: oklch(0.178 0.005 286);
  --color-card-foreground: oklch(0.985 0 0);
  --color-popover: oklch(0.178 0.005 286);
  --color-popover-foreground: oklch(0.985 0 0);
  --color-primary: oklch(0.488 0.243 264.376);
  --color-primary-foreground: oklch(0.985 0 0);
  --color-secondary: oklch(0.269 0.015 286);
  --color-secondary-foreground: oklch(0.985 0 0);
  --color-muted: oklch(0.269 0.015 286);
  --color-muted-foreground: oklch(0.65 0.015 286);
  --color-accent: oklch(0.269 0.015 286);
  --color-accent-foreground: oklch(0.985 0 0);
  --color-destructive: oklch(0.577 0.245 27.325);
  --color-destructive-foreground: oklch(0.985 0 0);
  --color-border: oklch(0.313 0.012 286);
  --color-input: oklch(0.313 0.012 286);
  --color-ring: oklch(0.488 0.243 264.376);
  --color-chart-1: oklch(0.488 0.243 264.376);
  --color-chart-2: oklch(0.696 0.17 162.48);
  --color-chart-3: oklch(0.769 0.188 70.08);
  --color-chart-4: oklch(0.627 0.265 303.9);
  --color-chart-5: oklch(0.645 0.246 16.439);
  --radius-sm: 0.25rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
}

body {
  margin: 0;
  background-color: var(--color-background);
  color: var(--color-foreground);
  font-family: system-ui, -apple-system, sans-serif;
}

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