@import 'tailwindcss';

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

:root {
  --background: oklch(0.145 0 0);
  --foreground: oklch(0.985 0 0);
  --card: oklch(0.2 0.02 240);
  --card-foreground: oklch(0.985 0 0);
  --popover: oklch(0.2 0.02 240);
  --popover-foreground: oklch(0.985 0 0);
  --primary: oklch(0.65 0.15 180);
  --primary-foreground: oklch(0.2 0 0);
  --secondary: oklch(0.27 0 0);
  --secondary-foreground: oklch(0.985 0 0);
  --muted: oklch(0.27 0 0);
  --muted-foreground: oklch(0.65 0 0);
  --accent: oklch(0.27 0 0);
  --accent-foreground: oklch(0.985 0 0);
  --destructive: oklch(0.55 0.2 25);
  --destructive-foreground: oklch(0.985 0 0);
  --border: oklch(0.35 0 0);
  --input: oklch(0.35 0 0);
  --ring: oklch(0.65 0.15 180);
  --radius: 0.625rem;
}

@theme inline {
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}

body {
  font-family: var(--font-sans);
  background: #0a1628;
  color: var(--foreground);
}