@import 'tailwindcss';
@import '@heroui/styles';

@theme {
  --color-brand: #c14b4b;
  --color-brand-foreground: #ffffff;

  --radius-2xl: 1.25rem;
  --radius-3xl: 1.5rem;
}

@layer base {
  :root {
    --background: 0 0% 100%;
    --foreground: 240 10% 3.9%;
  }

  .dark {
    --background: 240 10% 3.9%;
    --foreground: 0 0% 98%;
  }
}

body {
  @apply bg-background text-foreground selection:bg-brand/20 selection:text-brand antialiased;
  font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
}