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

:root {
  --background: 345 55% 98%;
  --foreground: 245 32% 21%;
  --muted: 258 24% 92%;
  --muted-foreground: 247 18% 42%;
  --primary: 245 32% 21%;
  --primary-foreground: 0 0% 100%;
  --accent: 344 88% 47%;
  --accent-foreground: 0 0% 100%;
  --destructive: 344 88% 47%;
  --destructive-foreground: 0 0% 100%;
  --border: 255 22% 87%;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  background: hsl(var(--background));
  color: hsl(var(--foreground));
  font-family:
    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
}

::selection {
  background: #e10e49;
  color: #ffffff;
}