:root {
  --fontFamily: 'Inter', -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: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --primaryColor: #7c3aed;
  --secondaryColor: #6d28d9;
  --bg: #ffffff;
  --bg-alt: #f5f3ff;
  --bg-hover: #ede9fe;
  --text: #1e1b4b;
  --text-body: #3730a3;
  --text-muted: #6b7280;
  --color-on-primary: #ffffff;
  --border: #e9d5ff;
  --border-light: #f5f3ff;
  --rating-color: #f59e0b;
  --overlay-bg: rgba(0,0,0,0.6);
  --footer-bg: #1e1b4b;
  --footer-text: #ede9fe;
  --footer-muted: #a78bfa;
  --footer-border: rgba(255,255,255,0.12);
}