/* variant overrides */

/* neon_pink preset (default) */
.variant-neon_pink {
  --theme: #ff2e97;
  --accent: #00f0ff;
}

/* electric_blue preset */
.variant-electric_blue {
  --theme: #00f0ff;
  --accent: #bf5af2;
  --card-shadow-strong: 0 12px 36px rgba(0, 240, 255, 0.15);
}

.variant-electric_blue .pill-button,
.variant-electric_blue .primary-button {
  background: var(--theme);
  color: #12111a;
  box-shadow: 0 0 16px rgba(0, 240, 255, 0.4), 0 4px 12px rgba(0, 240, 255, 0.2);
}

.variant-electric_blue .neon-text {
  color: var(--theme);
  text-shadow: 0 0 10px rgba(0, 240, 255, 0.5);
}

.variant-electric_blue .stat strong {
  color: var(--theme);
  text-shadow: 0 0 12px rgba(0, 240, 255, 0.4);
}

.variant-electric_blue .tag { color: var(--theme); background: rgba(0, 240, 255, 0.1); }

/* toxic_green preset */
.variant-toxic_green {
  --theme: #39ff14;
  --accent: #ff2e97;
  --card-shadow-strong: 0 12px 36px rgba(57, 255, 20, 0.12);
}

.variant-toxic_green .pill-button,
.variant-toxic_green .primary-button {
  background: var(--theme);
  color: #12111a;
  box-shadow: 0 0 16px rgba(57, 255, 20, 0.4), 0 4px 12px rgba(57, 255, 20, 0.2);
}

.variant-toxic_green .neon-text {
  color: var(--theme);
  text-shadow: 0 0 10px rgba(57, 255, 20, 0.5);
}

.variant-toxic_green .stat strong {
  color: var(--theme);
  text-shadow: 0 0 12px rgba(57, 255, 20, 0.4);
}

.variant-toxic_green .tag { color: var(--theme); background: rgba(57, 255, 20, 0.08); }
.variant-toxic_green .outline-button { color: var(--theme); border-color: var(--theme); box-shadow: 0 0 10px rgba(57, 255, 20, 0.15); }