/* variant overrides */

/* midnight_green preset */
.variant-midnight_green {
  --theme: #00d4aa;
  --accent: #00b894;
  --body-bg: #0a1628;
  --panel: #112240;
  --panel-soft: #0a1628;
  --line: #1d3461;
  --card-border: #1d3461;
  --hero-bg: radial-gradient(ellipse at 50% 0%, rgba(0,212,170,0.06) 0%, #0a1628 70%);
  --footer-bg: #060f1e;
}

.variant-midnight_green .site-header { background: rgba(10, 22, 40, 0.92); }

/* pure_dark preset */
.variant-pure_dark {
  --theme: #ffffff;
  --accent: #a0a0a0;
  --body-bg: #000000;
  --panel: #111111;
  --panel-soft: #0a0a0a;
  --line: #222222;
  --card-border: #222222;
  --hero-bg: radial-gradient(ellipse at 50% 0%, rgba(255,255,255,0.03) 0%, #000000 70%);
  --card-shadow-strong: 0 16px 40px rgba(255, 255, 255, 0.05);
  --footer-bg: #000000;
}

.variant-pure_dark .site-header { background: rgba(0, 0, 0, 0.92); }
.variant-pure_dark .pill-button, .variant-pure_dark .primary-button {
  color: #000;
  background: #fff;
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.15);
}

/* cyber_blue preset */
.variant-cyber_blue {
  --theme: #00b4d8;
  --accent: #0077b6;
  --body-bg: #0b0c10;
  --panel: #1a1c24;
  --panel-soft: #0b0c10;
  --line: #2a2d38;
  --card-border: #2a2d38;
  --hero-bg: radial-gradient(ellipse at 50% 0%, rgba(0,180,216,0.08) 0%, #0b0c10 70%);
  --card-shadow-strong: 0 16px 40px rgba(0, 180, 216, 0.15);
  --footer-bg: #06070a;
}

.variant-cyber_blue .site-header { background: rgba(11, 12, 16, 0.92); }