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

:root {
  --font-geist-sans: Arial, Helvetica, sans-serif;
  --font-geist-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --background: 36 33% 96%;
  --foreground: 225 24% 14%;
  --card: 40 33% 99%;
  --card-foreground: 225 24% 14%;
  --muted: 36 20% 91%;
  --muted-foreground: 225 10% 43%;
  --primary: 225 24% 14%;
  --primary-foreground: 36 33% 96%;
  --border: 35 18% 84%;
  --input: 35 18% 78%;
  --ring: 14 72% 53%;
  --radius: 0.65rem;
}

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

body {
  min-height: 100vh;
  background: hsl(var(--background));
  color: hsl(var(--foreground));
}

::selection {
  background: hsl(14 72% 53% / 0.22);
}

@layer utilities {
  .text-balance {
    text-wrap: balance;
  }
}