:root{
  --bg: hsl(220, 20%, 97%);
  --text: hsl(222, 22%, 14%);
  --muted: hsl(222, 10%, 45%);

  --card: hsl(0, 0%, 100%);
  --border: hsl(222, 16%, 90%);

  --primary: hsl(309, 55%, 42%);
  --primary-soft: color-mix(in oklab, var(--primary) 12%, white);

  --radius: 18px;

  --shadow: 0 14px 40px rgba(16, 24, 40, 0.08);
  --shadow-soft: 0 8px 22px rgba(16, 24, 40, 0.06);
}