/* TombPlay Theme Styles */

/* Purple Theme (Default) - Already defined in main.css */

/* =========================================
   HOUSE THEMES - Premium Quality
   ========================================= */

/* RAVENHOLT - Silver & Steel
   Noble house of metallic elegance with polished silver tones
   and cold steel accents. Industrial sophistication. */
.theme-ravenholt {
  /* Core Colors - Silver/Steel Palette */
  --primary-color: #c0c7d0;
  --secondary-color: #8a939e;
  --accent-color: #e8ecf0;

  /* Text - High contrast on dark backgrounds */
  --text-color: #f4f6f8;
  --text-secondary: #b8c0c8;
  --text-tertiary: #7a8490;

  /* Backgrounds - Deep charcoal with metallic undertones */
  --bg-primary: #121518;
  --bg-secondary: #1a1e22;
  --bg-tertiary: #252a30;
  --bg-elevated: #2e343c;

  /* Effects */
  --glow-color: #c0c7d0;
  --border-color: rgba(192, 199, 208, 0.2);
}

/* HOLLOWMARE - Burgundy & Velvet
   Regal house of deep wine reds and luxurious velvet.
   Opulent, mysterious, aristocratic. */
.theme-hollowmare {
  /* Core Colors - Rich Burgundy/Velvet Palette */
  --primary-color: #9e2a47;
  --secondary-color: #6b1d32;
  --accent-color: #c44569;

  /* Text - Warm ivory for regal feel */
  --text-color: #f8f0ed;
  --text-secondary: #d4b8b0;
  --text-tertiary: #a08078;

  /* Backgrounds - Deep wine with velvet richness */
  --bg-primary: #120a0c;
  --bg-secondary: #1e1012;
  --bg-tertiary: #2d181c;
  --bg-elevated: #3a2028;

  /* Effects */
  --glow-color: #c44569;
  --border-color: rgba(158, 42, 71, 0.25);
}

/* MISTCLAW - Ice Blue & Ethereal
   Mystical house of frozen winds and ethereal mist.
   Cold, crystalline, otherworldly. */
.theme-mistclaw {
  /* Core Colors - Ice Blue/Ethereal Palette */
  --primary-color: #7ec8e8;
  --secondary-color: #4a9ebe;
  --accent-color: #b8e4f8;

  /* Text - Crisp whites with icy undertones */
  --text-color: #f0f8fc;
  --text-secondary: #a8d4e8;
  --text-tertiary: #6aa8c4;

  /* Backgrounds - Deep arctic with misty depths */
  --bg-primary: #0a1418;
  --bg-secondary: #0e1c22;
  --bg-tertiary: #142830;
  --bg-elevated: #1a343e;

  /* Effects */
  --glow-color: #7ec8e8;
  --border-color: rgba(126, 200, 232, 0.2);
}

/* BLACKMOORE - Emerald & Shadow
   Dark house of deep emerald and obsidian black.
   Cold, calculating, mysteriously wealthy. */
.theme-blackmoore {
  /* Core Colors - Emerald/Dark Palette */
  --primary-color: #2dd4a8;
  --secondary-color: #1a8a6c;
  --accent-color: #5eecc0;

  /* Text - Cool whites with green undertones */
  --text-color: #e8f8f4;
  --text-secondary: #98d4c4;
  --text-tertiary: #5aa898;

  /* Backgrounds - Obsidian black with emerald depths */
  --bg-primary: #080c0a;
  --bg-secondary: #0e1410;
  --bg-tertiary: #162018;
  --bg-elevated: #1e2c22;

  /* Effects */
  --glow-color: #2dd4a8;
  --border-color: rgba(45, 212, 168, 0.2);
}

/* Premium Themes */
.theme-galaxy {
  background: radial-gradient(ellipse at top, #1a0033 0%, #000000 100%);
}

.theme-rave {
  background: linear-gradient(45deg, #ff00ff 0%, #00ffff 100%);
}

.theme-metal {
  background: linear-gradient(135deg, #1a1a1a 0%, #333333 100%);
}

.theme-paradise {
  background: linear-gradient(135deg, #134e4a 0%, #14b8a6 100%);
}

.theme-wendigo {
  background: radial-gradient(circle at center, #2d0a0a 0%, #000000 100%);
}

/* Theme Animations */
@keyframes gradient-shift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.animated-background {
  background-size: 200% 200%;
  animation: gradient-shift 10s ease infinite;
}