:root {
  --primary: hsl(345, 65%, 50%);
  --primary-dark: hsl(345, 65%, 35%);
  --primary-light: hsl(345, 65%, 70%);
  --secondary: hsl(15, 55%, 50%);
  --radius: 16px;
  --shadow: 0 4px 12px rgba(0,0,0,0.15);
  --font-scale: 1.14;
  --font-display: 'Raleway', sans-serif;
  --font-body: 'Merriweather', sans-serif;
  --text: #0f172a;
  --text-muted: #475569;
  --surface: #ffffff;
  --on-surface: #0f172a;
  --on-primary: #ffffff;
}