/* ==========================================================================
theme.css — 상품별 컬러셋 (암보험 / 간병보험 / 치매보험 / 치아보험 / 자동차보험)
==========================================================================
사용법
------
1) 이 파일을 각 랜딩 페이지 에 한 줄만 추가해서 불러옵니다.
2) 태그에 data-theme 값만 바꿔주면 전체 컬러가 즉시 전환됩니다.
→ 암보험
→ 간병보험
→ 치매보험
→ 치아보험
→ 자동차보험
3) 페이지 CSS는 색상값을 직접 쓰지 않고 아래 변수만 참조하도록 되어 있습니다.
(--bg, --surface, --ink-900/800/700, --primary-500/600/100,
--accent-500/600/100, --tertiary-500/100, --text-900/600/400,
--line, --line-soft, --neutral-300 그리고 그림자용 --*-rgb)
즉, 새 상품이 추가되면 이 파일에 data-theme 블록만 하나 더 추가하면 됩니다.
명세
------
각 블록은 html[data-theme="..."] 선택자를 사용합니다. 이 선택자는
:root 보다 우선순위가 높기 때문에, 페이지 CSS 안에 있는 :root 기본값을
항상 덮어씁니다 — 위치나