@import url("https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap");

:root {
  --background: 0 0% 98%;          /* #fafafa */
  --foreground: 60 6% 6%;          /* #11110f */
  --card: 0 0% 100%;
  --card-foreground: 60 6% 6%;
  --popover: 0 0% 100%;
  --popover-foreground: 60 6% 6%;
  --primary: 60 6% 6%;
  --primary-foreground: 0 0% 98%;
  --secondary: 40 15% 94%;
  --secondary-foreground: 60 6% 6%;
  --muted: 40 15% 94%;
  --muted-foreground: 48 5% 39%;   /* #69675f */
  --accent: 40 15% 94%;
  --accent-foreground: 60 6% 6%;
  --border: 40 15% 88%;            /* #e6e3dd */
  --input: 40 15% 88%;
  --ring: 60 6% 6%;
}

body {
  font-family: Geist, Arial, sans-serif;
}