/* 라이트 모드(지훈 10/20 «홈부터 라이트 작업») — 라이트가 «허용된 화면»(base.html block light_ok = 1)에서만 붙는다.
   다크는 이 파일과 무관하게 그대로다. 규칙 한 곳: 토큰 → 공통 틀 → 화면별 손질. 직접 박힌 색(인라인 등)은 theme_light.js 가 맡는다.
   색이 있는 바탕(버튼·배지) 위 글자는 흰색 유지 — 바꾸는 건 «화면 바탕 위» 글자·면·선뿐. */
html[data-theme="light"]{
  --kiuda-dark:#f6f7f9; --kiuda-surface:#ffffff; --kiuda-border:#d8dee6;
  --kiuda-accent:#1d4ed8; --kiuda-accent-light:#2563eb;
  --kiuda-green:#15803d; --kiuda-red:#b91c1c;
  --kiuda-text:#1f2328; --kiuda-muted:#5b6573;
  color-scheme: light;
}
/* 바꿔 끼우기가 끝날 때까지 가린다(깜빡임 방지) — theme_light.js 가 html.lt-ready 를 단다. 1.5초 안전 타이머도 있다 */
html[data-theme="light"]:not(.lt-ready) body{visibility:hidden}
html[data-theme="light"] body{background:#f6f7f9 !important;color:#1f2328}

/* ── 공통 틀 ── */
html[data-theme="light"] .navbar{background:rgba(255,255,255,.96) !important;border-bottom:1px solid #d8dee6 !important;box-shadow:0 1px 0 rgba(15,23,42,.03)}
html[data-theme="light"] .navbar .nav-link{color:#334155 !important}
html[data-theme="light"] .navbar .nav-link:hover,html[data-theme="light"] .navbar .nav-link.active{color:#1d4ed8 !important}
html[data-theme="light"] .navbar .dropdown-menu{background:#fff !important;border-color:#d8dee6 !important;box-shadow:0 12px 30px rgba(15,23,42,.12)}
html[data-theme="light"] .navbar .dropdown-item{color:#1f2328 !important}
html[data-theme="light"] .navbar .dropdown-item:hover{background:#eef3fb !important}
html[data-theme="light"] .navbar-toggler-icon{filter:invert(1)}
html[data-theme="light"] footer,html[data-theme="light"] .site-footer{background:#eef1f5 !important;color:#5b6573 !important;border-top-color:#d8dee6 !important}
html[data-theme="light"] .kbn{background:rgba(255,255,255,.97) !important;border-top-color:#d8dee6 !important}
html[data-theme="light"] .kbn a{color:#5b6573 !important}
html[data-theme="light"] .kbn a.on,html[data-theme="light"] .kbn a[aria-current]{color:#1d4ed8 !important}
html[data-theme="light"] .k-card,html[data-theme="light"] .card{background:#fff;border-color:#d8dee6}
html[data-theme="light"] .form-control,html[data-theme="light"] .form-select{background:#fff;color:#1f2328;border-color:#cfd6df}
html[data-theme="light"] .form-control::placeholder{color:#8a94a3}
html[data-theme="light"] select{color:#1f2328 !important;background-color:#fff !important;border-color:#cfd6df !important}

/* ── 홈 손질(바꿔 끼우기만으로는 어색했던 곳, 시안 10/20) ── */
html[data-theme="light"] .hero-banner{background:radial-gradient(circle at 76% 18%,rgba(37,99,235,.10),transparent 32%),linear-gradient(135deg,#ffffff 0%,#eef3fb 60%,#f6f7f9 100%) !important}
html[data-theme="light"] .kiuda-lab-product-visual{background:linear-gradient(160deg,#ffffff,#eef3fb) !important;border-color:#cfdcf0 !important;box-shadow:0 30px 70px -40px rgba(37,99,235,.35) !important}
html[data-theme="light"] .lab-flow-card,html[data-theme="light"] .lab-score-card{background:#fff !important;border-color:#cfdcf0 !important;box-shadow:0 14px 30px -18px rgba(15,23,42,.25) !important}
html[data-theme="light"] .lab-score-card strong{color:#0f172a !important}
html[data-theme="light"] .lab-score-row{color:#475569 !important;border-top-color:#e5eaf1 !important}
html[data-theme="light"] .lab-map-card{background:linear-gradient(35deg,#dbe7fb,#f1f5fb) !important}
html[data-theme="light"] .lab-map-card::before,html[data-theme="light"] .lab-map-card::after{background:repeating-linear-gradient(72deg,transparent 0 32px,rgba(100,116,139,.18) 33px 36px,transparent 37px 70px) !important}
html[data-theme="light"] .lab-tabs{background:#eef3fb !important;border-color:#cfdcf0 !important}
html[data-theme="light"] .lab-tabs button{color:#475569 !important}
html[data-theme="light"] .lab-tabs button[aria-selected=true]{color:#fff !important}
html[data-theme="light"] .lab-address-form{background:#fff !important}
html[data-theme="light"] .lab-address-form input{color:#0f172a !important}
html[data-theme="light"] .hl{color:#0f172a !important;background:linear-gradient(transparent 55%, rgba(163,230,53,.55) 55%) !important}
html[data-theme="light"] .lab-proof-band,html[data-theme="light"] .vf-bridge,html[data-theme="light"] .apply-bg{background:#f1f4f8 !important}
html[data-theme="light"] .report-answer,html[data-theme="light"] .report-more,html[data-theme="light"] .report-more .rpt-item{background:#fff !important;border-color:#d8dee6 !important}
html[data-theme="light"] .report-answer b,html[data-theme="light"] .report-more summary,html[data-theme="light"] .report-more .rpt-item > div:last-child > div:first-child{color:#0f172a !important}
html[data-theme="light"] .report-answer small,html[data-theme="light"] .report-more .vf-lead{color:#475569 !important}

/* 판정기(지훈 10/20 «글이 죽어 보인다») — 제목이 흰→하늘 그라데이션 글자라 흰 바탕에서 사라졌다 */
html[data-theme="light"] .hc-hero-title{background:none !important;-webkit-text-fill-color:#0f172a !important;color:#0f172a !important}
html[data-theme="light"] .hc-hero-title .hl{background:linear-gradient(transparent 58%, rgba(163,230,53,.55) 58%) !important;-webkit-background-clip:border-box !important;-webkit-text-fill-color:#0f172a !important}
html[data-theme="light"] .btn:disabled,html[data-theme="light"] .btn.disabled{color:#64748b !important;border-color:#cbd5e1 !important;background:#eef1f5 !important;opacity:1 !important}

/* 표 줄에 마우스를 올렸을 때(:hover) — 화면별 규칙이 #202a39 같은 어두운 색이라 라이트에서 줄이 시커메졌다(지훈 10/20 판정 목록). JS 는 hover 색을 못 본다 */
html[data-theme="light"] tbody tr:hover > td,html[data-theme="light"] tbody tr:hover > th{background:#eef3fb !important}

/* 해·달 버튼(라이트 허용 화면에만 나온다) */
.k-theme-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;border:1px solid var(--kiuda-border);
  background:transparent;color:var(--kiuda-text);font-size:1rem;cursor:pointer;margin-left:.4rem}
.k-theme-btn:hover{border-color:var(--kiuda-accent-light)}
@media (max-width:767.98px){.k-theme-btn{width:40px;height:40px}}
.k-theme-btn .bi-moon-stars{display:none}
html[data-theme="light"] .k-theme-btn .bi-sun{display:none}
html[data-theme="light"] .k-theme-btn .bi-moon-stars{display:inline}
