:root {
  --primary: hsl(58, 65%, 50%);
  --primary-dark: hsl(58, 65%, 35%);
  --primary-light: hsl(58, 65%, 70%);
  --secondary: hsl(88, 55%, 50%);
  --radius: 8px;
  --shadow: 0 1px 3px rgba(0,0,0,0.1);
  --font-scale: 1.10;
  --font-display: 'PT Serif', sans-serif;
  --font-body: 'PT Sans', sans-serif;
  --text: #0f172a;
  --text-muted:  #475569;
  --surface: #ffffff;
  --on-surface: #0f172a;
  --on-primary:  #ffffff;
}