:root {
  /* Color Palette - Cinematic Dark Theme */
  --bg-color: #050505;
  --bg-color-light: #111111;
  --bg-color-lighter: #1a1a1a;
  
  --accent-color: #e50914; /* Deep vibrant red */
  --accent-hover: #ff1e2d;
  --accent-glow: rgba(229, 9, 20, 0.4);

  --text-primary: #ffffff;
  --text-secondary: #aaaaaa;
  --text-muted: #555555;

  /* Typography */
  --font-heading: 'Oswald', sans-serif;
  --font-body: 'Inter', sans-serif;

  /* Spacing */
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 2rem;
  --spacing-xl: 4rem;
  --spacing-xxl: 8rem;

  /* Border Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-full: 9999px;

  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  
  /* Shadows */
  --shadow-glow: 0 0 20px rgba(229, 9, 20, 0.6);
  --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.8);
}