/* ────────────────────────────────────────────────
   EAIM 사회·역사 목록 화면 밝은 바탕  pages-theme.css  v1.0 (2026-10-04)
   - 과목 첫 화면(history1·2, social1·2 /index.html), 단원 목록(unitN-hub.html),
     셀프체크룸(첫 화면·과목 첫 화면·단원 확인·내 기록)을 차시와 같은 밝은 바탕으로.
   - 🌙 단추로 어둡게 하면(html[data-theme="dark"]) 이 규칙은 모두 꺼진다. 짝: social-theme.js
   - 인쇄용 학습지(unitN-worksheet.html)는 원래 밝아서 연결하지 않음.
   ──────────────────────────────────────────────── */
html:not([data-theme="dark"]) { --bg-dark:#f6f1e7; --card:#fffdf8; --card2:#f1ead9; --line:#e2d7c1; --text:#2b2520; --sub:#6e6355; }
html:not([data-theme="dark"]) body { background:#f6f1e7; color:#2b2520; }
html:not([data-theme="dark"]) .topbar { background:rgba(246,241,231,.94); border-bottom-color:#e2d7c1; }
html:not([data-theme="dark"]) .crumb { color:#8f8473; }
html:not([data-theme="dark"]) .crumb b { color:#2b2520; }
html:not([data-theme="dark"]) .hub-link, html:not([data-theme="dark"]) .eaim-theme-btn { color:#6e6355; border-color:#cdbf9f; background:transparent; }
html:not([data-theme="dark"]) .hero h1 { background:none; -webkit-background-clip:initial; background-clip:initial; color:#2b2520; }
html:not([data-theme="dark"]) .hero p.lead, html:not([data-theme="dark"]) .hero p { color:#6e6355; }
html:not([data-theme="dark"]) .progress-shell, html:not([data-theme="dark"]) .lcard, html:not([data-theme="dark"]) .topic-grid, html:not([data-theme="dark"]) .topic-tile, html:not([data-theme="dark"]) .ucard, html:not([data-theme="dark"]) .g-card, html:not([data-theme="dark"]) .name-box .nb-inner, html:not([data-theme="dark"]) .record-item, html:not([data-theme="dark"]) .fb-item, html:not([data-theme="dark"]) .connect-box, html:not([data-theme="dark"]) .q-card, html:not([data-theme="dark"]) .w-card, html:not([data-theme="dark"]) .summary-card, html:not([data-theme="dark"]) .qr-modal-box { background:#fffdf8; border-color:#e2d7c1; color:#2b2520; }
html:not([data-theme="dark"]) .topic-card { background:#f6f1e7; color:#2b2520; }
html:not([data-theme="dark"]) .lcard .l-title, html:not([data-theme="dark"]) .topic-title, html:not([data-theme="dark"]) .ucard .u-title, html:not([data-theme="dark"]) .q-card .q-text, html:not([data-theme="dark"]) .w-card .w-q, html:not([data-theme="dark"]) .subj-head, html:not([data-theme="dark"]) .tb-row .tb-label b, html:not([data-theme="dark"]) .fb-item .fb-text, html:not([data-theme="dark"]) .record-item .ri-result, html:not([data-theme="dark"]) .sub-group .sg-title, html:not([data-theme="dark"]) .progress-top .p-label { color:#2b2520; }
html:not([data-theme="dark"]) .lcard .l-desc, html:not([data-theme="dark"]) .ucard .u-desc, html:not([data-theme="dark"]) .g-card .g-desc, html:not([data-theme="dark"]) .progress-top .p-count, html:not([data-theme="dark"]) .lcard .l-page, html:not([data-theme="dark"]) .name-box .nb-label, html:not([data-theme="dark"]) .report-title .rt-school, html:not([data-theme="dark"]) .report-title .rt-count, html:not([data-theme="dark"]) .subj-head .subj-count, html:not([data-theme="dark"]) .record-item .ri-time, html:not([data-theme="dark"]) .empty-note, html:not([data-theme="dark"]) .fb-item .fb-meta, html:not([data-theme="dark"]) .connect-box .cb-label, html:not([data-theme="dark"]) .source-note, html:not([data-theme="dark"]) .progress-mini, html:not([data-theme="dark"]) .standard-badge, html:not([data-theme="dark"]) .w-card .w-standard, html:not([data-theme="dark"]) .w-card .w-guide, html:not([data-theme="dark"]) .topic-title .tt-page, html:not([data-theme="dark"]) .q-fb, html:not([data-theme="dark"]) footer, html:not([data-theme="dark"]) footer a, html:not([data-theme="dark"]) .qr-modal-box .qr-sub, html:not([data-theme="dark"]) .qr-modal-box .qr-url { color:#6e6355; }
html:not([data-theme="dark"]) .progress-bar-outer, html:not([data-theme="dark"]) .tb-outer { background:#e9dfc8; }
html:not([data-theme="dark"]) .l-icon, html:not([data-theme="dark"]) .lcard .l-icon, html:not([data-theme="dark"]) .ucard .u-badge, html:not([data-theme="dark"]) .ucard.pending .u-badge { background:#f1ead9; color:#6e6355; }
html:not([data-theme="dark"]) .circle-frame, html:not([data-theme="dark"]) .u-thumb { background:#f1ead9; border-color:#d9c9a3; }
html:not([data-theme="dark"]) .circle-inner, html:not([data-theme="dark"]) .u-thumb .u-circle-inner, html:not([data-theme="dark"]) .u-thumb img, html:not([data-theme="dark"]) .topic-card img, html:not([data-theme="dark"]) .lcard .l-icon img { background:#fff; }
html:not([data-theme="dark"]) .lcard .l-thumb, html:not([data-theme="dark"]) .ucard .u-img { border-color:#e2d7c1; }
html:not([data-theme="dark"]) .checkroom-card { background:linear-gradient(135deg,rgba(34,211,238,.10),rgba(168,85,247,.08)); border-color:rgba(8,145,178,.35); }
html:not([data-theme="dark"]) .checkroom-card p { color:#5a5045; }
html:not([data-theme="dark"]) .checkroom-card h2, html:not([data-theme="dark"]) .checkroom-card h3 { color:#2b2520; }
html:not([data-theme="dark"]) .topic-no { color:#a8761c; }
html:not([data-theme="dark"]) .g-card .g-qr-btn, html:not([data-theme="dark"]) .w-card .w-sample-btn, html:not([data-theme="dark"]) .reset-btn, html:not([data-theme="dark"]) .retry-btn { background:#f1ead9; border-color:#cdbf9f; color:#5a5045; }
html:not([data-theme="dark"]) .q-opt { background:#f1ead9; border-color:#cdbf9f; color:#2b2520; }
html:not([data-theme="dark"]) .q-opt.correct { background:#e3f5ec; border-color:#1f9d63; color:#16653f; }
html:not([data-theme="dark"]) .q-opt.wrong { background:#fdeaee; border-color:#d6455d; color:#9c2338; }
html:not([data-theme="dark"]) .q-fb { border-top-color:#e2d7c1; }
html:not([data-theme="dark"]) .w-card textarea, html:not([data-theme="dark"]) .name-box input, html:not([data-theme="dark"]) .connect-box input { background:#fff; border-color:#cdbf9f; color:#2b2520; }
html:not([data-theme="dark"]) .w-card .w-topic, html:not([data-theme="dark"]) .w-card .w-standard b { color:#a16207; }
html:not([data-theme="dark"]) .standard-badge b { color:#6d28d9; }
html:not([data-theme="dark"]) .w-card .w-sample, html:not([data-theme="dark"]) .written-note { background:#fef7e0; border-color:#e0b453; color:#5a4310; }
html:not([data-theme="dark"]) .comment-box { background:rgba(168,85,247,.06); color:#3b2a5a; }
html:not([data-theme="dark"]) .subj-head { background:linear-gradient(90deg,rgba(34,211,238,.12),transparent); }
html:not([data-theme="dark"]) .unit-group h3 { border-bottom-color:#e2d7c1; }
html:not([data-theme="dark"]) .ucard .u-links a.digital { color:#0e7490; background:rgba(34,211,238,.12); }
html:not([data-theme="dark"]) .ucard .u-links a.paper { color:#a16207; background:rgba(251,191,36,.16); }
html:not([data-theme="dark"]) .connected-badge { color:#16653f; }
html:not([data-theme="dark"]) svg rect[fill="#121012"] { fill:#fffdf8; stroke:#e2d7c1; }
html:not([data-theme="dark"]) svg circle[fill="#1a1a1c"] { fill:#f1ead9; }
html:not([data-theme="dark"]) svg text[fill="#fff"] { fill:#2b2520; }
html:not([data-theme="dark"]) svg text[fill="#ccc"] { fill:#3a3028; }
html:not([data-theme="dark"]) svg text[fill="#999"], html:not([data-theme="dark"]) svg text[fill="#777"] { fill:#6e6355; }
html:not([data-theme="dark"]) svg text[fill="#fcd34d"], html:not([data-theme="dark"]) svg text[fill="#d4a847"] { fill:#a8761c; }