@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  :root {
    --background: oklch(0.12 0 0);
    --foreground: oklch(0.985 0 0);
    --card: oklch(0.15 0 0);
    --card-foreground: oklch(0.985 0 0);
    --popover: oklch(0.15 0 0);
    --popover-foreground: oklch(0.985 0 0);
    --primary: oklch(0.922 0 0);
    --primary-foreground: oklch(0.205 0 0);
    --secondary: oklch(0.20 0 0);
    --secondary-foreground: oklch(0.985 0 0);
    --muted: oklch(0.20 0 0);
    --muted-foreground: oklch(0.708 0 0);
    --accent: oklch(0.20 0 0);
    --accent-foreground: oklch(0.985 0 0);
    --destructive: oklch(0.704 0.191 22.216);
    --border: oklch(1 0 0 / 10%);
    --input: oklch(1 0 0 / 15%);
    --ring: oklch(0.556 0 0);
    --radius: 0.5rem;
  }
}

@layer base {
  * {
    @apply border-border;
  }
  body {
    @apply bg-background text-foreground font-sans;
    font-family: 'Inter', sans-serif;
  }
  h1, h2, h3, h4, h5, h6, .font-serif {
    font-family: 'Cormorant Garamond', serif;
  }
}