/* ========================================
   MAKEVIA STUDIOKIT FILM THEME
   ======================================== */

/* Film Theme Variables - Elegant Gold & Burgundy */
:root {
  --theme-primary: #d4af37;        /* Muted Gold */
  --theme-secondary: #8b2635;      /* Deep Burgundy */
  --theme-accent: #cc7722;         /* Warm Bronze */
  --theme-accent-alt: #6b1f1f;     /* Dark Burgundy */
  --theme-neon: #d4af37;           /* Muted Gold */
  --theme-cyan: #e6cc66;           /* Soft Gold */
}

/* Override main theme colors for film */
[data-theme="film"] {
  --primary-blue: #d4af37;
  --primary-blue-dark: #b8941f;
  --primary-blue-light: #e6cc66;
  --secondary-purple: #8b2635;
  --accent-green: #cc7722;
  --accent-orange: #b8651a;
  --accent-neon-pink: #d4af37;
  --accent-cyan: #e6cc66;
  --text-neon: #d4af37;
  --border-neon: #d4af37;
}

/* Logo Stamp - Film */
[data-theme="film"] .logo-stamp {
  background: #8b2635;
  color: #d4af37;
  box-shadow: 
    0 2px 4px rgba(0, 0, 0, 0.4),
    0 0 8px rgba(139, 38, 53, 0.3);
  border: 1px solid rgba(139, 38, 53, 0.5);
  font-weight: 900;
}

/* Film-specific button styling */
[data-theme="film"] .button-primary {
  background: linear-gradient(135deg, #d4af37 0%, #8b2635 100%);
  color: #fff;
  font-weight: 600;
}

[data-theme="film"] .button-primary:hover {
  background: linear-gradient(135deg, #e6cc66 0%, #a02d40 100%);
  box-shadow: 0 0 15px rgba(212, 175, 55, 0.3);
  color: #fff;
}

/* Film industry styling */
[data-theme="film"] .hero {
  background: linear-gradient(135deg, #0f0f1a 0%, #1a0f0f 50%, #2d1b1b 100%);
}

[data-theme="film"] .gaming-title {
  background: linear-gradient(45deg, #d4af37, #8b2635, #cc7722);
  background-size: 200% 200%;
  animation: film-glow 4s ease-in-out infinite alternate;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Film-specific card styling */
[data-theme="film"] .card {
  background: linear-gradient(145deg, #1a1a2e 0%, #2e1a1a 100%);
  border: 1px solid #d4af37;
}

/* Film form controls */
[data-theme="film"] .form-control:focus {
  border-color: #d4af37;
  box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.2);
  background: rgba(212, 175, 55, 0.05);
}

@keyframes film-glow {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}