:root {
  --fontFamily: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --shadow-sm: 0 2px 4px rgba(0,0,0,0.06);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.08);
  --shadow-xl: 0 12px 32px rgba(0,0,0,0.1);
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --primaryColor: #c026d3;
  --secondaryColor: #a21caf;
  --bg: #fdf4ff;
  --bg-alt: #fae8ff;
  --bg-hover: #f5d0fe;
  --text: #2e1065;
  --text-body: #581c87;
  --text-muted: #7e22ce;
  --color-on-primary: #ffffff;
  --border: #e9d5ff;
  --border-light: #fae8ff;
  --rating-color: #f59e0b;
  --overlay-bg: rgba(0,0,0,0.6);
  --footer-bg: #2e1065;
  --footer-text: #fae8ff;
  --footer-muted: #c084fc;
  --footer-border: rgba(255,255,255,0.15);
}