:root {
  /* Brand purple from the logo */
  --primary: 287 27% 41%;

  /* Clean white background */
  --background: 0 0% 100%;

  /* Dark text for readability */
  --foreground: 270 15% 15%;

  /* Soft lavender-muted surfaces */
  --muted: 280 20% 96%;
  --muted-foreground: 280 10% 45%;

  /* Light purple-tinted borders */
  --border: 280 15% 88%;

  /* Cards stay white for clarity */
  --card: 0 0% 100%;

  /* Rounded corners unchanged */
  --radius: 0.75rem;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Inter", sans-serif;
  background: hsl(var(--background));
  color: hsl(var(--foreground));
  line-height: 1.7;
}