/* 메인 화면 라이트 모드 전용 디자인 */
[data-theme="light"] .hero-section {
  color-scheme: light;
  background:
    radial-gradient(circle at 50% -4%, rgba(183, 131, 25, 0.20), transparent 34%),
    radial-gradient(circle at 8% 78%, rgba(201, 168, 76, 0.10), transparent 30%),
    linear-gradient(180deg, #fffaf1 0%, #f9efdf 58%, #f3e4ca 100%) !important;
  color: #20170d !important;
  border-bottom: 1px solid rgba(121, 83, 11, 0.18);
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.85);
}

[data-theme="light"] .hero-section > img[alt="소소킹 로고"] {
  filter: drop-shadow(0 12px 20px rgba(91, 61, 10, 0.18)) !important;
}

[data-theme="light"] .hero-section .hero-badge {
  color: #76510c !important;
  background: rgba(255, 253, 247, 0.82) !important;
  border-color: rgba(121, 83, 11, 0.28) !important;
  box-shadow: 0 7px 18px rgba(77, 52, 12, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

[data-theme="light"] .hero-section .hero-h1,
[data-theme="light"] .hero-section h1,
[data-theme="light"] .hero-section h2,
[data-theme="light"] .hero-section h3 {
  color: #251a0d !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75) !important;
}

[data-theme="light"] .hero-section .hero-h1 span {
  color: #95670f !important;
}

[data-theme="light"] .hero-section .hero-sub,
[data-theme="light"] .hero-section .hero-sub strong,
[data-theme="light"] .hero-section .hero-disclaimer,
[data-theme="light"] .hero-section p,
[data-theme="light"] .hero-section small {
  color: rgba(42, 29, 13, 0.72) !important;
}

[data-theme="light"] .hero-section .hero-sub strong {
  color: #3a2912 !important;
}

[data-theme="light"] .hero-section .hero-disclaimer {
  color: rgba(42, 29, 13, 0.48) !important;
}

[data-theme="light"] .hero-section .hero-tw {
  color: rgba(42, 29, 13, 0.72) !important;
  background: rgba(255, 253, 248, 0.88) !important;
  border-color: rgba(121, 83, 11, 0.25) !important;
  box-shadow: 0 8px 20px rgba(77, 52, 12, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

[data-theme="light"] .hero-section .hero-tw strong,
[data-theme="light"] .hero-section .stat-num {
  color: #855c0e !important;
}

[data-theme="light"] .hero-section .cursor-blink {
  color: #9a7018 !important;
}

[data-theme="light"] .hero-section .hero-cta,
[data-theme="light"] .cta-section .hero-cta {
  color: #211608 !important;
  background: linear-gradient(135deg, #d8ad46 0%, #f0d47c 52%, #d5a63a 100%) !important;
  border: 1px solid rgba(121, 83, 11, 0.28);
  box-shadow: 0 11px 26px rgba(126, 86, 15, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.62) !important;
}

[data-theme="light"] .hero-section .hero-cta:hover,
[data-theme="light"] .cta-section .hero-cta:hover {
  box-shadow: 0 14px 30px rgba(126, 86, 15, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

[data-theme="light"] .hero-cta-pulse {
  animation: home-light-pulse 2.4s ease-in-out infinite !important;
}

@keyframes home-light-pulse {
  0%, 100% {
    box-shadow: 0 10px 24px rgba(126, 86, 15, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.62);
  }
  50% {
    box-shadow: 0 14px 32px rgba(126, 86, 15, 0.28), 0 0 0 6px rgba(183, 131, 25, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.72);
  }
}

[data-theme="light"] .hero-section .stats-row {
  margin-top: 34px;
  padding: 18px 8px;
  background: rgba(255, 253, 248, 0.72);
  border: 1px solid rgba(121, 83, 11, 0.19) !important;
  border-radius: 18px;
  box-shadow: 0 10px 24px rgba(77, 52, 12, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.94);
}

[data-theme="light"] .hero-section .stat-item {
  border-right-color: rgba(121, 83, 11, 0.17) !important;
}

[data-theme="light"] .hero-section .stat-label {
  color: rgba(42, 29, 13, 0.62) !important;
}

[data-theme="light"] .cta-section {
  width: calc(100% - 32px);
  max-width: 568px;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 34px;
  padding: 46px 24px 44px;
  color-scheme: light;
  color: #20170d !important;
  background:
    radial-gradient(circle at 50% 0, rgba(201, 168, 76, 0.20), transparent 38%),
    linear-gradient(145deg, #fffdf8 0%, #f6e7cb 100%) !important;
  border: 1px solid rgba(121, 83, 11, 0.24) !important;
  border-radius: 26px;
  box-shadow: 0 18px 38px rgba(77, 52, 12, 0.11), inset 0 1px 0 rgba(255, 255, 255, 0.98);
}

[data-theme="light"] .cta-section > div:first-child {
  width: 76px;
  height: 76px;
  margin: 0 auto 14px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255, 253, 247, 0.82);
  border: 1px solid rgba(121, 83, 11, 0.20);
  box-shadow: 0 8px 20px rgba(77, 52, 12, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

[data-theme="light"] .cta-section h1,
[data-theme="light"] .cta-section h2,
[data-theme="light"] .cta-section h3 {
  color: #2a1d0d !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.78) !important;
}

[data-theme="light"] .cta-section p,
[data-theme="light"] .cta-section small {
  color: rgba(42, 29, 13, 0.72) !important;
}

[data-theme="light"] .cta-section p span {
  color: rgba(42, 29, 13, 0.52) !important;
}

@media (max-width: 420px) {
  [data-theme="light"] .hero-section {
    padding-top: 44px;
  }

  [data-theme="light"] .hero-section .stats-row {
    padding-left: 3px;
    padding-right: 3px;
  }

  [data-theme="light"] .cta-section {
    width: calc(100% - 24px);
    padding: 40px 18px 38px;
    border-radius: 22px;
  }
}