/* variant overrides */

/* warm_beige preset */
.variant-warm_beige {
  --body-bg: #faf8f5;
  --panel: #ffffff;
  --soft: #f5f0ea;
  --line: #e8e2da;
  --footer-bg: #f5f0ea;
  --text-main: #2c2420;
  --text-sub: #8c7e72;
  --theme: #2c2420;
}

.variant-warm_beige .site-header { background: rgba(250, 248, 245, 0.88); border-bottom-color: #e8e2da; }

/* cool_gray preset */
.variant-cool_gray {
  --body-bg: #f8f9fa;
  --panel: #ffffff;
  --soft: #f1f3f5;
  --line: #dee2e6;
  --footer-bg: #f1f3f5;
  --text-main: #212529;
  --text-sub: #868e96;
  --theme: #212529;
}

.variant-cool_gray .site-header { background: rgba(248, 249, 250, 0.88); border-bottom-color: #dee2e6; }

/* sky_blue preset */
.variant-sky_blue {
  --theme: #0071e3;
  --body-bg: #ffffff;
  --soft: #f0f7ff;
  --line: #d6e8f8;
  --footer-bg: #f0f7ff;
}

.variant-sky_blue .pill-button,
.variant-sky_blue .primary-button {
  background: #0071e3;
}

.variant-sky_blue .text-link { color: #0071e3; }