/* AI Porn Video Reviews - Deep Red/Black Cinematic Theme */
:root {
  --color-primary: #991b1b;
  --color-primary-hover: #7f1d1d;
  --color-accent: #111111;
  --color-accent-hover: #000000;
  --color-gradient-from: #991b1b;
  --color-gradient-to: #7f1d1d;
  --color-accent-gradient-from: #111111;
  --color-accent-gradient-to: #000000;
  
  /* Legacy colors for backwards compatibility */
  --primary-50: #fef2f2;
  --primary-100: #fee2e2;
  --primary-600: #991b1b;
  --primary-700: #7f1d1d;
  --primary-800: #7f1d1d;
  --primary-900: #450a0a;
  
  --accent-50: #000000;
  --accent-100: #111111;
  --accent-800: #1a1a1a;
  --accent-900: #000000;
  
  --font-family-primary: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Cinematic wide sections */
.cinematic-card {
  @apply border border-red-800/30 bg-gradient-to-br from-red-900/20 to-black/80 backdrop-blur-sm;
  box-shadow: 0 8px 32px rgba(127, 29, 29, 0.3);
}

.cinematic-card:hover {
  @apply border-red-700/50;
  box-shadow: 0 12px 48px rgba(127, 29, 29, 0.5);
  transform: scale(1.02);
}

/* Wide sections for dramatic layout */
.wide-section {
  @apply min-h-screen flex items-center;
  background: linear-gradient(
    135deg,
    rgba(127, 29, 29, 0.8) 0%,
    rgba(0, 0, 0, 0.9) 50%,
    rgba(69, 10, 10, 0.7) 100%
  );
}

/* Full-screen hero */
.fullscreen-hero {
  height: 100vh;
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(127, 29, 29, 0.5)
  );
  background-attachment: fixed;
}

/* Video-focused styling */
.video-preview {
  @apply relative overflow-hidden rounded-lg;
  aspect-ratio: 16 / 9;
}

.video-preview::before {
  content: '';
  @apply absolute inset-0 bg-gradient-to-t from-red-900/80 via-transparent to-transparent;
  z-index: 1;
}

.play-button {
  @apply absolute inset-0 flex items-center justify-center text-white z-10;
  transition: all 0.3s ease;
}

.play-button:hover {
  @apply text-red-400;
  transform: scale(1.1);
}

/* Dramatic typography */
.dramatic-title {
  @apply text-6xl md:text-8xl font-black uppercase tracking-tight;
  background: linear-gradient(135deg, #dc2626, #7f1d1d);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.dramatic-subtitle {
  @apply text-xl md:text-2xl text-red-300 font-light tracking-wide;
}

/* Score styling */
.score-cinematic {
  @apply text-red-400 font-black text-4xl;
  text-shadow: 0 0 20px rgba(220, 38, 38, 0.5);
}

/* Red accent elements */
.accent-glow {
  box-shadow: 0 0 30px rgba(220, 38, 38, 0.3);
}