:root {
  --primary: hsl(296, 65%, 50%);
  --primary-dark: hsl(296, 65%, 35%);
  --primary-light: hsl(296, 65%, 70%);
  --secondary:  hsl(326, 55%, 50%);
  --radius: 8px;
  --shadow: 0 4px 12px rgba(0,0,0,0.15);
  --font-scale: 1.15;
  --font-display: 'Montserrat', sans-serif;
  --font-body: 'Open Sans', sans-serif;
  --text: #0f172a;
  --text-muted: #475569;
  --surface: #ffffff;
  --on-surface: #0f172a;
  --on-primary:  #ffffff;
}