/* ============================================================
   POP THEME — bright, vibrant, pink/coral accents, energetic
   For: pop, k-pop, j-pop, dance, vocal
   ============================================================ */

[data-theme='pop'] {
  --color-bg: #faf8fc;
  --color-surface: #ffffff;
  --color-surface-hover: #f5f0fa;
  --color-border: #e8ddf0;
  --color-text: #1a1025;
  --color-text-muted: #7a6a8a;
  --color-accent: #e84393;
  --color-accent-hover: #d63384;
  --color-accent-text: #ffffff;
  --color-danger: #e53e3e;
  --color-success: #38a169;
  --font-heading: 'DM Sans', system-ui, sans-serif;
  --radius: 12px;

  --hero-image: url('/images/hero-pop.png');
  --texture-image: none;
  --hero-overlay-color: rgba(26, 16, 37, 0.5);
  --hero-overlay-opacity: 0.5;
  --card-shadow: 0 2px 8px rgba(232, 67, 147, 0.08);
  --card-hover-shadow: 0 8px 25px rgba(232, 67, 147, 0.15);
  --gradient-start: #e84393;
  --gradient-end: #fd79a8;
  --gradient-accent: linear-gradient(135deg, var(--gradient-start), var(--gradient-end));
  --glow-color: rgba(232, 67, 147, 0.2);
  --font-heading-weight: 800;
  --letter-spacing-heading: -0.01em;
  --text-transform-heading: none;
  --animation-speed: 0.15s;
}

@media (prefers-color-scheme: dark) {
  [data-theme='pop'] {
    --color-bg: #12081a;
    --color-surface: #1a0f25;
    --color-surface-hover: #241535;
    --color-border: #3a2550;
    --color-text: #f0e8f8;
    --color-text-muted: #a090b5;
    --color-accent: #f06aab;
    --color-accent-hover: #e84393;
  }
}