/* ========================================
   MAKEVIA STUDIOKIT GAMES THEME
   ======================================== */

/* Games Theme Variables - Professional Gaming */
:root {
  --theme-primary: #0088cc;
  --theme-secondary: #6b46c1;
  --theme-accent: #059669;
  --theme-accent-alt: #dc2626;
  --theme-neon: #0ea5e9;
  --theme-cyan: #06b6d4;
}

/* Logo Stamp - Games */
[data-theme="games"] .logo-stamp {
  background: var(--accent-green);
  color: var(--bg-main);
  box-shadow: 
    0 2px 4px rgba(0, 0, 0, 0.3),
    0 0 6px rgba(8, 191, 134, 0.3);
  border: 1px solid rgba(8, 191, 134, 0.5);
}

/* Games-specific enhancements */
[data-theme="games"] .button-primary {
  background: linear-gradient(135deg, #0088cc 0%, #6b46c1 100%);
}

[data-theme="games"] .button-primary:hover {
  background: linear-gradient(135deg, #0ea5e9 0%, #7c3aed 100%);
  box-shadow: 0 0 15px rgba(0, 136, 204, 0.3);
}

/* Games hero section styling */
[data-theme="games"] .hero {
  background: var(--bg-gradient);
}

[data-theme="games"] .gaming-title {
  background: linear-gradient(45deg, #0088cc, #6b46c1, #059669);
  background-size: 200% 200%;
  animation: rainbow-glow 4s ease-in-out infinite alternate;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

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