:root {
  --fontFamily: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --shadow-sm: 0 2px 4px rgba(0,0,0,0.4);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.5);
  --shadow-lg: 0 8px 24px rgba(168,85,247,0.1);
  --shadow-xl: 0 12px 32px rgba(168,85,247,0.15);
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --primaryColor: #a855f7;
  --secondaryColor: #7c3aed;
  --bg: #09090b;
  --bg-alt: #18181b;
  --bg-hover: #27272a;
  --text: #fafafa;
  --text-body: #d4d4d8;
  --text-muted: #a1a1aa;
  --color-on-primary: #ffffff;
  --border: #27272a;
  --border-light: #18181b;
  --rating-color: #fbbf24;
  --overlay-bg: rgba(9,9,11,0.9);
  --footer-bg: #050506;
  --footer-text: #d4d4d8;
  --footer-muted: #71717a;
  --footer-border: rgba(168,85,247,0.1);
}