/* variant overrides — applied via preset selection */

/* dark_secure preset */
.variant-dark_secure {
  --body-bg: #0f0e17;
  --panel: #1a1930;
  --panel-soft: #1e1d36;
  --text-main: #eaeaff;
  --text-sub: #9d9bb8;
  --line: #2d2b4a;
  --card-border: #2d2b4a;
  --hero-bg: linear-gradient(180deg, #0f0e17 0%, #1a1930 100%);
  --hero-glow: rgba(108, 92, 231, 0.18);
  --card-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);
  --card-shadow-strong: 0 18px 42px rgba(108, 92, 231, 0.25);
  --footer-bg: #0a0918;
  --footer-text: #9d9bb8;
}

.variant-dark_secure .site-header {
  background: rgba(15, 14, 23, 0.92);
  border-bottom-color: var(--line);
}

.variant-dark_secure blockquote { background: var(--panel); }

/* blue_social preset */
.variant-blue_social {
  --theme: #3b82f6;
  --accent: #60a5fa;
  --soft: #eff6ff;
  --panel-soft: #f0f7ff;
  --hero-bg: linear-gradient(180deg, #eff6ff 0%, #dbeafe 100%);
  --hero-glow: rgba(59, 130, 246, 0.12);
  --card-shadow: 0 12px 30px rgba(59, 130, 246, 0.08);
  --card-shadow-strong: 0 18px 42px rgba(59, 130, 246, 0.18);
}

/* green_fresh preset */
.variant-green_fresh {
  --theme: #10b981;
  --accent: #34d399;
  --soft: #ecfdf5;
  --panel-soft: #f0fdf9;
  --hero-bg: linear-gradient(180deg, #ecfdf5 0%, #d1fae5 100%);
  --hero-glow: rgba(16, 185, 129, 0.12);
  --card-shadow: 0 12px 30px rgba(16, 185, 129, 0.08);
  --card-shadow-strong: 0 18px 42px rgba(16, 185, 129, 0.18);
}