:root{
  --primary:#8a7347;
  --primary-dark:#5a472d;
  --primary-soft:#f5f0e5;
  --side-accent-1:#d4c599;
  --side-accent-2:#f39800;
  --knou-orange:#f39800;
  --knou-green:#22ac38;
  --knou-gold:#beaf80;
  --line:#e8e1d5;
  --text:#29241d;
  --muted:#71695e;
  --bg:#faf8f4;
  --white:#fff;
  --radius-xl:28px;
  --radius-lg:20px;
  --radius-md:16px;
  --shadow:0 10px 30px rgba(55,43,29,.08);
  --max:1240px;
}

/* 헤더/네비/검색/드로어/모달의 공용 구조는 packages/ui/css/shared-base.css에 있다.
   knou만 홈 히어로 투명 헤더(header-hero)를 안 쓰고(index.astro에서 transparentHeader
   미전달), 스크롤된 헤더와 푸터는 다크 톤이라 이 파일에서 통째로 다시 선언한다.
   shared-base.css가 항상 이 파일보다 나중에 로드되므로(Astro가 컴포넌트 import CSS를
   <link>보다 뒤에 넣음), 동일 우선순위면 공용 파일이 이겨버린다 — 그래서 모든 오버라이드
   선택자 앞에 body를 붙여 우선순위를 한 단계 높인다. */

body header.is-scrolled{
  background:linear-gradient(135deg,rgba(48,37,28,.98),rgba(69,51,36,.98));
  border-bottom-color:rgba(190,175,128,.28);
  box-shadow:0 8px 26px rgba(31,22,15,.18);
}
body header.is-scrolled .brand-logotext{color:#e4d5aa}
body header.is-scrolled .nav-link{color:#f3ecdc}
body header.is-scrolled .nav-link.active{color:#e4d5aa}
body header.is-scrolled .nav-link:after{background:#beaf80}
body .search-form input:focus{box-shadow:0 0 0 4px rgba(154,135,85,.14)}

body .drawer-sublist a{padding:7px 14px 7px 22px}
body .drawer-sublist a:before{content:"—"; position:absolute; left:6px; color:#c3cbdb; font-size:12px}

/* Footer (다크 톤) */
body footer{
  background:linear-gradient(135deg,#21170f 0%,#302219 58%,#3b2b1f 100%);
  border-top:3px solid #a9915b;
  color:#f5efe3; padding:38px 0 36px;
}
body .footer-brand{color:#dfce9d; letter-spacing:-.02em}
body .footer-info{color:rgba(245,239,227,.66)}
body .footer-links button{color:#eee4d3}
body .tooltip-bubble{background:#faf7f0; border-color:#ded3bf; color:#574b3d}
body .family{border-color:rgba(190,175,128,.42); color:#e4d5aa}
body .family-dropdown{background:#faf7f0; border-color:#ded3bf}
body .family-dropdown a{color:#574b3d}

@media (max-width:640px){
  body .drawer-sublist a{padding:6px 12px 6px 22px}
}
