/* DevGrail Game Center - Magical Unicorn Wonderland Theme */

body[data-theme="unicorn"] {
  --bg-color: #faf5ff;
  --header-bg: rgba(255, 255, 255, 0.85);
  --text-color: #4a1d96;
  --text-muted: #7e22ce;
  --border-color: rgba(216, 180, 254, 0.6);
  --card-bg: rgba(255, 255, 255, 0.88);
  --card-border: rgba(244, 114, 182, 0.35);
  --card-shadow: rgba(216, 180, 254, 0.35);
  --card-hover-shadow: rgba(244, 114, 182, 0.45);
  --card-title-color: #581c87;

  --accent-primary: #ec4899;
  --accent-secondary: #8b5cf6;
  --accent-gradient: linear-gradient(135deg, #f472b6 0%, #a78bfa 50%, #38bdf8 100%);
  --accent-glow: rgba(244, 114, 182, 0.45);

  --logo-text-gradient: linear-gradient(90deg, #ec4899, #8b5cf6, #06b6d4);

  --pill-bg: rgba(255, 255, 255, 0.95);
  --pill-border: rgba(244, 114, 182, 0.4);
  --shadow-color: rgba(147, 51, 234, 0.15);

  --active-theme-bg: linear-gradient(135deg, #f472b6 0%, #a855f7 100%);
  --active-theme-color: #ffffff;
  --active-theme-glow: rgba(236, 72, 153, 0.55);

  --hero-card-bg: linear-gradient(135deg, rgba(255, 245, 248, 0.95) 0%, rgba(245, 243, 255, 0.95) 100%);
  --hero-card-border: rgba(244, 114, 182, 0.5);
  --hero-shadow: rgba(236, 72, 153, 0.2);
  --featured-title-gradient: linear-gradient(90deg, #db2777 0%, #7c3aed 50%, #0284c7 100%);

  --badge-featured-bg: linear-gradient(135deg, #fce7f3 0%, #ede9fe 100%);
  --badge-featured-color: #be185d;
  --badge-featured-border: rgba(244, 114, 182, 0.6);
  --badge-featured-glow: rgba(244, 114, 182, 0.35);

  --tag-bg: rgba(243, 232, 255, 0.8);
  --tag-border: rgba(216, 180, 254, 0.7);

  --btn-primary-bg: linear-gradient(135deg, #f472b6 0%, #c084fc 100%);
  --btn-primary-text: #ffffff;
  --btn-primary-border: rgba(255, 255, 255, 0.6);
  --btn-primary-glow: rgba(244, 114, 182, 0.6);

  --btn-secondary-bg: rgba(255, 255, 255, 0.9);
  --btn-secondary-hover-bg: #fdf2f8;

  --featured-art-bg: radial-gradient(circle at center, rgba(244, 114, 182, 0.25) 0%, rgba(192, 132, 252, 0.2) 50%, transparent 100%);
  --art-glow: rgba(244, 114, 182, 0.45);

  --highlight-box-bg: rgba(253, 242, 248, 0.9);
  --highlight-text-color: #be185d;

  --active-filter-bg: linear-gradient(135deg, #fbcfe8 0%, #f3e8ff 100%);
  --active-filter-color: #9d174d;

  --media-bg: linear-gradient(180deg, #fdf2f8 0%, #ede9fe 100%);
}

/* Unicorn Theme Specific Details */
body[data-theme="unicorn"] .game-card {
  border-radius: 26px;
  border-width: 2px;
}

body[data-theme="unicorn"] .game-card:hover {
  border-color: #f472b6;
  box-shadow: 0 16px 36px rgba(244, 114, 182, 0.4), 0 0 20px rgba(192, 132, 252, 0.3);
}

body[data-theme="unicorn"] .featured-card {
  border-radius: 30px;
  border-width: 2px;
  border-image: linear-gradient(135deg, #f472b6, #c084fc, #38bdf8) 1;
}

body[data-theme="unicorn"] .btn-primary {
  border-radius: 25px;
}

body[data-theme="unicorn"] .btn-secondary {
  border-radius: 25px;
}

body[data-theme="unicorn"] .badge {
  border-radius: 20px;
}

/* Floating sparkle animation */
@keyframes sparkleFloat {
  0%, 100% { transform: translateY(0px) rotate(0deg); }
  50% { transform: translateY(-8px) rotate(8deg); }
}

body[data-theme="unicorn"] .brand-logo-icon {
  animation: sparkleFloat 3s ease-in-out infinite;
}