html[data-theme="light"] {
  --bg: #f5f7fb;
  --bg-1: #ffffff;
  --bg-2: #edf2f8;
  --surface-soft: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(244, 249, 255, 0.92) 44%, rgba(224, 239, 255, 0.86) 100%);
  --surface-strong: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(245, 249, 255, 0.94) 38%, rgba(233, 241, 251, 0.92) 100%);
  --line: rgba(15, 23, 42, 0.10);
  --line-2: rgba(15, 23, 42, 0.18);
  --fg: #0e1726;
  --fg-2: #455468;
  --fg-3: #6b7a90;
  --fg-4: #9aabc0;
  --accent: #0071bc;
  color-scheme: light;
}

html[data-theme="light"] body {
  background: #ffffff;
  color: var(--fg);
}

html[data-theme="light"] .nav,
html[data-theme="light"] .top {
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(16px);
  box-shadow: 0 10px 28px rgba(86, 112, 148, 0.08);
}

html[data-theme="light"] .docnav {
  background: rgba(255, 255, 255, 0.72);
}

html[data-theme="light"] .hero-top,
html[data-theme="light"] .ticker,
html[data-theme="light"] .hero-foot,
html[data-theme="light"] section.bk,
html[data-theme="light"] .pillars,
html[data-theme="light"] .quotes,
html[data-theme="light"] .metrics,
html[data-theme="light"] .offers,
html[data-theme="light"] .explorer,
html[data-theme="light"] .quick,
html[data-theme="light"] .steps,
html[data-theme="light"] .resources,
html[data-theme="light"] .layout,
html[data-theme="light"] .docnav,
html[data-theme="light"] footer.ft {
  border-color: var(--line) !important;
}

html[data-theme="light"] .hero-foot .cell,
html[data-theme="light"] .pillar,
html[data-theme="light"] .q,
html[data-theme="light"] .m,
html[data-theme="light"] .offer,
html[data-theme="light"] .explorer .left,
html[data-theme="light"] .explorer .right .row,
html[data-theme="light"] .quick a,
html[data-theme="light"] .res,
html[data-theme="light"] .step,
html[data-theme="light"] .layout aside,
html[data-theme="light"] .layout main,
html[data-theme="light"] .doc,
html[data-theme="light"] .api-intro,
html[data-theme="light"] .prevnext,
html[data-theme="light"] .ep,
html[data-theme="light"] .meta-row .cell {
  border-color: var(--line) !important;
}

html[data-theme="light"] .offer.hl,
html[data-theme="light"] .explorer-url,
html[data-theme="light"] .code,
html[data-theme="light"] .search,
html[data-theme="light"] .docnav a,
html[data-theme="light"] .mail-panel,
html[data-theme="light"] .channel-panel,
html[data-theme="light"] .codebox,
html[data-theme="light"] .compare-scene,
html[data-theme="light"] .rm-stage,
html[data-theme="light"] .aside-card,
html[data-theme="light"] .apply-panel,
html[data-theme="light"] .confirm-card,
html[data-theme="light"] .mail-copy,
html[data-theme="light"] .kakao-card,
html[data-theme="light"] .top .chip {
  background: rgba(255, 255, 255, 0.82) !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

html[data-theme="light"] .hero-top,
html[data-theme="light"] .hero-foot,
html[data-theme="light"] .pillars,
html[data-theme="light"] .metrics,
html[data-theme="light"] .quotes,
html[data-theme="light"] .offers,
html[data-theme="light"] .explorer,
html[data-theme="light"] .quick,
html[data-theme="light"] .steps,
html[data-theme="light"] .resources,
html[data-theme="light"] .principles {
  background: var(--surface-strong);
}

html[data-theme="light"] footer.ft,
html[data-theme="light"] .ft-shell,
html[data-theme="light"] .ft-row {
  background: #ffffff;
  box-shadow: none;
}

html[data-theme="light"] .pillar,
html[data-theme="light"] .m,
html[data-theme="light"] .q,
html[data-theme="light"] .offer,
html[data-theme="light"] .explorer .left,
html[data-theme="light"] .explorer .right .row,
html[data-theme="light"] .quick a,
html[data-theme="light"] .res,
html[data-theme="light"] .step,
html[data-theme="light"] .principle {
  background: var(--surface-soft);
}

html[data-theme="light"] .mail-panel,
html[data-theme="light"] .channel-panel {
  background:
    radial-gradient(circle at top right, rgba(0, 113, 188, 0.07), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.94), rgba(248,250,253,.98)),
    var(--bg-1) !important;
}

html[data-theme="light"] .search input {
  color: var(--fg);
}

html[data-theme="light"] .btn {
  background: rgba(255, 255, 255, 0.68);
  border-color: rgba(15, 23, 42, 0.14);
  color: var(--fg);
}

html[data-theme="light"] .btn:hover {
  background: var(--fg);
  color: #fff;
  border-color: var(--fg);
}

html[data-theme="light"] .btn.solid {
  background: var(--accent);
  border-color: var(--accent);
  color: #fff;
}

html[data-theme="light"] .btn.solid:hover {
  background: #005f9f;
  border-color: #005f9f;
  color: #fff;
}

html[data-theme="light"] .hero-bg {
  opacity: 0.58;
}

html[data-theme="light"] .ft-huge {
  -webkit-text-stroke: 1px rgba(0, 113, 188, 0.42);
  color: transparent !important;
}

html[data-theme="light"] .kakao-fab {
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.16), 0 2px 8px rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] body.page-home .hero,
html[data-theme="light"] body.page-home section.bk,
html[data-theme="light"] body.page-home .ticker,
html[data-theme="light"] body.page-home footer.ft {
  position: relative;
}

html[data-theme="light"] body.page-home {
  background: #ffffff;
  --home-surface: var(--surface-strong);
  --home-surface-soft: var(--surface-soft);
  --home-surface-strong: var(--surface-strong);
  --home-surface-flat: #e9f1fb;
  --home-outline: rgba(92, 117, 148, 0.14);
  --home-outline-strong: rgba(92, 117, 148, 0.22);
  --home-card-shadow: 0 10px 30px rgba(127, 150, 180, 0.08);
  --home-card-shadow-soft: 0 6px 20px rgba(127, 150, 180, 0.05);
  --home-accent-soft: rgba(0, 113, 188, 0.12);
  --home-accent-stroke: rgba(0, 113, 188, 0.68);
}

html[data-theme="light"] body.page-home .hero-top,
html[data-theme="light"] body.page-home .hero-foot,
html[data-theme="light"] body.page-home .pillars,
html[data-theme="light"] body.page-home .metrics,
html[data-theme="light"] body.page-home .quotes,
html[data-theme="light"] body.page-home .offers,
html[data-theme="light"] body.page-home .explorer {
  background: var(--home-surface);
  box-shadow: var(--home-card-shadow);
}

html[data-theme="light"] body.page-home .cta-final {
  background: #ffffff;
}

html[data-theme="light"] body.page-home .pillar,
html[data-theme="light"] body.page-home .m,
html[data-theme="light"] body.page-home .q,
html[data-theme="light"] body.page-home .offer,
html[data-theme="light"] body.page-home .explorer .left,
html[data-theme="light"] body.page-home .explorer .right .row {
  background: var(--home-surface-soft);
  box-shadow: var(--home-card-shadow-soft);
}

html[data-theme="light"] body.page-home .offer {
  background: #ffffff;
  box-shadow: none;
}

html[data-theme="light"] body.page-home .offer.hl {
  background: var(--home-surface-soft) !important;
  box-shadow: var(--home-card-shadow-soft);
}

html[data-theme="light"] body.page-home .hero-stage {
  background: #ffffff;
}

html[data-theme="light"] body.page-home .explorer .right {
  background: #ffffff;
}

html[data-theme="light"] body.page-home .explorer .right .row {
  background: #ffffff !important;
  box-shadow: none;
}

html[data-theme="light"] body.page-home .explorer-url {
  background: var(--home-surface-flat) !important;
  box-shadow: none;
}

html[data-theme="light"] body.page-home .hero::before,
html[data-theme="light"] body.page-home section.bk::before,
html[data-theme="light"] body.page-home footer.ft::before {
  content: "";
  position: absolute;
  inset: 16px 28px;
  border: 1px solid var(--home-outline);
  pointer-events: none;
}

html[data-theme="light"] body.page-home .display .stroke {
  color: var(--home-accent-soft);
  -webkit-text-stroke: 1px var(--home-accent-stroke);
}

html[data-theme="light"] body.page-home .bk-head h2 .thin,
html[data-theme="light"] body.page-home .cta-final h2 b {
  color: var(--accent);
}

html[data-theme="light"] body.page-home .hero-top,
html[data-theme="light"] body.page-home .hero-foot,
html[data-theme="light"] body.page-home .pillars,
html[data-theme="light"] body.page-home .metrics,
html[data-theme="light"] body.page-home .quotes,
html[data-theme="light"] body.page-home .offers,
html[data-theme="light"] body.page-home .explorer,
html[data-theme="light"] body.page-home .pillar,
html[data-theme="light"] body.page-home .m,
html[data-theme="light"] body.page-home .q,
html[data-theme="light"] body.page-home .offer,
html[data-theme="light"] body.page-home .explorer .left,
html[data-theme="light"] body.page-home .explorer .right .row {
  border-color: var(--home-outline-strong) !important;
}

html[data-theme="light"] body.page-home .cta-final {
  border-color: var(--home-outline) !important;
}

.theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid var(--line-2);
  background: rgba(255, 255, 255, 0.04);
  color: var(--fg);
  cursor: pointer;
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.theme-toggle:hover {
  background: var(--fg);
  color: var(--bg);
  border-color: var(--fg);
}

.theme-toggle:active {
  transform: translateY(1px);
}

.theme-toggle.theme-toggle-fallback {
  position: fixed;
  left: 20px;
  bottom: 20px;
  z-index: 999;
  backdrop-filter: blur(12px);
}

html[data-theme="light"] .theme-toggle {
  background: rgba(255, 255, 255, 0.74);
}

@media (max-width: 900px) {
  .theme-toggle.theme-toggle-fallback {
    left: 16px;
    bottom: 16px;
  }

}