/* 우주(다크) 테마 가독성 — 다른 CSS의 라이트 강제 덮어쓰기 */
:root {
  --bg: #030716 !important;
  --bg-elevated: rgba(13, 18, 38, 0.92) !important;
  --ink: #f8fafc !important;
  --ink-muted: #94a3b8 !important;
  --line: rgba(139, 92, 246, 0.28) !important;
  --brand: #67e8f9 !important;
  --brand-deep: #a78bfa !important;
  --accent: #06b6d4 !important;
  --accent-soft: rgba(139, 92, 246, 0.18) !important;
  --focus: #06b6d4 !important;
  --shadow: 0 20px 50px rgba(0, 0, 0, 0.55) !important;
  color-scheme: dark !important;
}

html {
  background: #030716 !important;
  color-scheme: dark !important;
}

body {
  color: #f8fafc !important;
  background: #030716 !important;
}

/* 캔버스 우주 배경 비활성 — CSS 레이어만 */
#electric-bg-canvas,
.space-bg__canvas {
  display: none !important;
  pointer-events: none !important;
}

.site-header {
  background: rgba(8, 12, 22, 0.88) !important;
  border-bottom: 1px solid rgba(139, 92, 246, 0.28) !important;
  color: #f8fafc !important;
  box-shadow: none !important;
}

.site-logo,
.site-logo__text {
  color: #e2e8f0 !important;
}

.site-nav__link,
.site-nav__group-btn {
  color: #94a3b8 !important;
}

.site-nav__link:hover,
.site-nav__group-btn:hover,
.site-nav__link.is-active,
.site-nav__link[aria-current="page"],
.site-nav__group-btn.is-active {
  color: #f8fafc !important;
  background: rgba(139, 92, 246, 0.18) !important;
}

.hero {
  background: transparent !important;
  color: #f8fafc !important;
  /* 상단 과다 여백 수정 — 92vh·하단정렬 해제 */
  min-height: 0 !important;
  align-items: start !important;
}

.hero__inner {
  min-height: 0 !important;
  padding: clamp(2rem, 4.5vh, 3.25rem) 1.5rem clamp(2.5rem, 5vh, 3.75rem) !important;
}

.hero__headline,
.hero__brand em {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  text-shadow: none !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip-path: none !important;
}

.hero__brand {
  color: #67e8f9 !important;
  -webkit-text-fill-color: #67e8f9 !important;
  background: none !important;
}

.hero__text {
  color: #94a3b8 !important;
}

.section,
.page-hero,
.site-main,
.article-layout {
  color: #f8fafc !important;
  background: transparent !important;
}

.section__title,
.page-hero__title,
.visitor-stats__title,
.visitor-stats__value,
.service-list__title,
.service-tile__title,
.content-card__title,
.content-card__title a,
.trust-list strong,
.cta-banner__title,
.prose h1,
.prose h2,
.prose h3,
.board__title,
.site-search__title {
  color: #f8fafc !important;
}

.section__lead,
.page-hero__lead,
.visitor-stats__lead,
.visitor-stats__label,
.visitor-stats__note,
.service-list__text,
.service-tile__text,
.content-card__summary,
.content-card__meta,
.content-card p,
.trust-list li,
.prose p,
.board__summary,
.site-search__summary,
.form-hint {
  color: #94a3b8 !important;
}

.service-tile,
.content-card,
.static-panel,
.widget-card,
.board__item,
.site-search__item,
.trust-list li,
.visitor-stats__card {
  background: transparent !important;
  border-color: rgba(139, 92, 246, 0.28) !important;
  color: #f8fafc !important;
  box-shadow: none !important;
}

.link-stack .content-card,
.service-list__item {
  background: transparent !important;
  box-shadow: none !important;
}

.visitor-stats__inner {
  background: rgba(13, 18, 38, 0.55) !important;
  border-color: rgba(139, 92, 246, 0.28) !important;
  box-shadow: none !important;
}

.form-field input,
.form-field select,
.form-field textarea,
.contact-form input,
.contact-form select,
.contact-form textarea,
input,
select,
textarea {
  color: #f8fafc !important;
  background: rgba(15, 23, 42, 0.9) !important;
  border-color: rgba(139, 92, 246, 0.35) !important;
  color-scheme: dark !important;
}

.btn--primary {
  background: linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%) !important;
  border-color: #8b5cf6 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 18px rgba(139, 92, 246, 0.35) !important;
}

.btn--ghost,
.btn--ghost-light {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(139, 92, 246, 0.4) !important;
  color: #e2e8f0 !important;
}

.btn--ghost:hover,
.btn--ghost-light:hover {
  background: rgba(6, 182, 212, 0.12) !important;
  color: #ffffff !important;
}

.cta-banner {
  background: linear-gradient(135deg, rgba(109, 40, 217, 0.85), rgba(8, 47, 73, 0.9)) !important;
}

.cta-banner__title {
  color: #ffffff !important;
}

.cta-banner__text {
  color: rgba(255, 255, 255, 0.82) !important;
}

.cta-banner .btn--primary {
  background: #ffffff !important;
  color: #1e1b4b !important;
  border-color: #ffffff !important;
}

.cta-banner .btn--ghost,
.cta-banner .btn--ghost-light {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.45) !important;
}

.site-footer {
  background: rgba(3, 7, 22, 0.92) !important;
  color: #94a3b8 !important;
}

.site-footer__name {
  color: #ffffff !important;
}

.site-footer a {
  color: #cbd5e1 !important;
}

.safety-banner {
  background: rgba(139, 92, 246, 0.14) !important;
  color: #f8fafc !important;
  border-color: rgba(139, 92, 246, 0.28) !important;
  box-shadow: none !important;
}

.form-error {
  color: #fda4af !important;
}

.form-notice {
  color: #f8fafc !important;
  background: rgba(13, 18, 38, 0.85) !important;
  border: 1px solid rgba(139, 92, 246, 0.35) !important;
}

.service-tile::before,
.content-card::before,
.widget-card::before {
  display: none !important;
}

.service-tile:hover,
.content-card:hover,
.widget-card:hover {
  border-color: rgba(6, 182, 212, 0.45) !important;
  box-shadow: none !important;
  transform: none !important;
}

/* 모션 원복 안전장치 — 콘텐츠 강제 표시 (transform 강제 해제 제거) */
.reveal-pending,
.section,
.content-card,
.visitor-stats__inner,
.static-panel,
.service-list__item,
.cta-banner,
.page-hero,
.safety-banner,
.seasonal-tip,
.hero,
.site-main,
.site-shell {
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
}
html.motion-ready .reveal-pending {
  opacity: 1 !important;
  filter: none !important;
}

/* F-041 계절 알림 */
.seasonal-tip {
  border-bottom: 1px solid rgba(139, 92, 246, 0.28) !important;
  background: rgba(6, 182, 212, 0.08) !important;
}
.seasonal-tip__title { color: #f8fafc !important; }
.seasonal-tip__text { color: #94a3b8 !important; }