/* 종이책 스킨 — 라이트(기본)일 때 크림 종이 + 책상 위 펼친 책 */

[data-theme="light"] {
    --paper: #f6f1e6;
    --paper-deep: #efe6d4;
    --ink: #2c2416;
    --ink-muted: #5a4e3d;
    --rule: rgba(90, 68, 40, 0.22);
    --desk: #cbb392;
    --desk-deep: #b89a72;
    --leather: #7a4a28;
    --gold-warm: #8a5a1e;
    --bg-primary: #f6f1e6;
    --bg-secondary: #efe6d4;
    --bg-tertiary: #e8dcc6;
    --text-primary: #2c2416;
    --text-secondary: #3d3426;
    --text-light: #5a4e3d;
    --border-color: rgba(90, 68, 40, 0.22);
    --sidebar-bg: #f3ead8;
    --main-bg: #cbb392;
}

html[data-theme="light"] {
    background: #cbb392;
}

[data-theme="light"] body,
[data-theme="light"] {
    background-color: #cbb392 !important;
    color: #2c2416 !important;
}

[data-theme="light"] ::-webkit-scrollbar-track {
    background: #e8dcc6 !important;
}

[data-theme="light"] ::-webkit-scrollbar-thumb {
    background: rgba(122, 74, 40, 0.45) !important;
}

[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
    background: #7a4a28 !important;
}

[data-theme="light"] {
    scrollbar-color: #7a4a28 #e8dcc6 !important;
}

/* 책상(린넨/원목) 위 */
[data-theme="light"] main#mainContent {
    background-color: #cbb392 !important;
    background-image:
        radial-gradient(ellipse at 50% 0%, rgba(255, 248, 230, 0.28), transparent 52%),
        linear-gradient(90deg, rgba(90, 50, 20, 0.1), transparent 11%, transparent 89%, rgba(90, 50, 20, 0.1)),
        linear-gradient(#d2bc96, #c4ab7e) !important;
}

/* 펼친 종이 */
[data-theme="light"] main#mainContent > div.flex-1.max-w-4xl,
[data-theme="light"] main#mainContent > div.max-w-4xl {
    background-color: #f7f2e6 !important;
    background-image: linear-gradient(90deg, rgba(90, 55, 25, 0.05), transparent 28px) !important;
    box-shadow:
        0 0 0 1px rgba(90, 68, 40, 0.14),
        14px 0 28px -16px rgba(50, 30, 10, 0.22),
        -6px 0 16px -12px rgba(50, 30, 10, 0.12),
        0 22px 48px rgba(50, 30, 10, 0.18);
    border-radius: 2px 6px 6px 2px;
    margin-top: 1.25rem;
    margin-bottom: 2.75rem;
}

[data-theme="light"] main#mainContent #chatbotHeader,
[data-theme="light"] main#mainContent #chatbotHeader h3,
[data-theme="light"] main#mainContent #chatbotHeader h3 *,
[data-theme="light"] main#mainContent #chatbotClose {
    color: #fff !important;
}

[data-theme="light"] main#mainContent .text-text-cream,
[data-theme="light"] main#mainContent .text-text-light,
[data-theme="light"] header h1,
[data-theme="light"] header .text-text-cream {
    color: #2c2416 !important;
}

[data-theme="light"] .text-primary-gold,
[data-theme="light"] main#mainContent .text-primary-gold,
[data-theme="light"] header .text-primary-gold {
    color: #8a5a1e !important;
}

[data-theme="light"] .greek,
[data-theme="light"] .original,
[data-theme="light"] .hebrew,
[data-theme="light"] .hebrew-text,
[data-theme="light"] .original-text {
    color: #7a3b2e !important;
}

[data-theme="light"] .border-primary-gold,
[data-theme="light"] .border-primary-gold\/20,
[data-theme="light"] .border-primary-gold\/30,
[data-theme="light"] .border-primary-gold\/40 {
    border-color: rgba(90, 68, 40, 0.28) !important;
}

[data-theme="light"] header {
    background: linear-gradient(to bottom, rgba(246, 241, 230, 0.96), rgba(239, 230, 212, 0.9)) !important;
    border-bottom-color: rgba(90, 68, 40, 0.2) !important;
    color: #2c2416;
}

[data-theme="light"] header.scrolled {
    background: linear-gradient(to bottom, rgba(247, 242, 230, 0.98), rgba(236, 226, 206, 0.96)) !important;
    box-shadow: 0 4px 18px rgba(60, 40, 20, 0.12) !important;
    border-bottom-color: rgba(90, 68, 40, 0.28) !important;
}

[data-theme="light"] header .header-btn {
    color: #2c2416 !important;
    border-color: rgba(90, 68, 40, 0.28) !important;
}

[data-theme="light"] header .header-btn:hover {
    background: rgba(138, 90, 30, 0.1) !important;
    border-color: #8a5a1e !important;
    color: #8a5a1e !important;
}

[data-theme="light"] header .header-icon,
[data-theme="light"] header .material-icons {
    color: inherit;
}

[data-theme="light"] #sidebar {
    background:
        linear-gradient(90deg, rgba(138, 90, 30, 0.12), transparent 14px),
        #f4ead6 !important;
    border-right: 1px solid rgba(122, 74, 40, 0.28) !important;
    box-shadow: 8px 0 28px rgba(50, 30, 10, 0.18);
}

[data-theme="light"] #sidebar > div:first-child,
[data-theme="light"] #sidebar > div:first-child.bg-gradient-to-br,
[data-theme="light"] #sidebar > div:first-child.bg-gradient-to-br.from-primary-gold\/10,
[data-theme="light"] #sidebar > div:first-child.bg-gradient-to-br.from-primary-gold\/10.to-transparent {
    position: sticky;
    top: 0;
    z-index: 3;
    background: linear-gradient(165deg, #d4b056 0%, #c9a227 42%, #a67c2d 100%) !important;
    border-bottom: 1px solid rgba(90, 55, 15, 0.45) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 244, 210, 0.45),
        0 8px 16px rgba(90, 55, 15, 0.18);
    padding-top: 1.15rem !important;
    padding-bottom: 1.15rem !important;
}

[data-theme="light"] #sidebar h2,
[data-theme="light"] #sidebar > div:first-child h2,
[data-theme="light"] #sidebar > div:first-child .text-primary-gold {
    color: #f8f3e8 !important;
    letter-spacing: 0.38em;
    font-weight: 700 !important;
    text-shadow: 0 1px 0 rgba(80, 50, 10, 0.25);
}

[data-theme="light"] #sidebar h2::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f02d";
    display: inline-block;
    margin-right: 0.55rem;
    letter-spacing: 0;
    font-size: 0.95em;
    opacity: 0.95;
}

[data-theme="light"] #sidebar #closeSidebar {
    color: #f8f3e8 !important;
    border-color: rgba(248, 243, 232, 0.55) !important;
    background: transparent !important;
}

[data-theme="light"] #sidebar #closeSidebar:hover {
    background: #f8f3e8 !important;
    color: #8a5a1e !important;
    border-color: #f8f3e8 !important;
}

[data-theme="light"] #sidebar nav {
    padding-top: 0.35rem;
    padding-bottom: 1.5rem;
}

[data-theme="light"] #sidebar a {
    color: #3d3426 !important;
    border-left-color: transparent !important;
}

[data-theme="light"] #sidebar a:hover {
    color: #7a4a28 !important;
    background: rgba(201, 162, 39, 0.14) !important;
    border-left-color: #c9a227 !important;
}

[data-theme="light"] #sidebar a.border-primary-gold,
[data-theme="light"] #sidebar a.text-primary-gold,
[data-theme="light"] #sidebar a.bg-primary-gold\/10,
[data-theme="light"] #sidebar a.font-bold {
    color: #6b4316 !important;
    background: rgba(201, 162, 39, 0.18) !important;
    border-left-color: #c9a227 !important;
    font-weight: 700 !important;
}

[data-theme="light"] #sidebar a .text-primary-gold,
[data-theme="light"] #sidebar a span.absolute {
    color: #c9a227 !important;
}

[data-theme="light"] #sidebar nav span.block,
[data-theme="light"] #sidebar span.text-primary-gold\/60 {
    color: #8a5a1e !important;
    font-weight: 700;
    letter-spacing: 0.22em;
}

[data-theme="light"] #sidebar li.border-t {
    border-top-color: rgba(138, 90, 30, 0.16) !important;
}

/* 속표지: 금색 이중 테두리 대신 담백한 제목면 */
[data-theme="light"] #cover {
    background: #f8f3e8 !important;
    border: 1px solid rgba(90, 68, 40, 0.28) !important;
    border-radius: 2px !important;
    box-shadow:
        inset 0 0 0 11px #f8f3e8,
        inset 0 0 0 12px rgba(90, 68, 40, 0.2);
    min-height: min(72vh, 640px);
}

[data-theme="light"] #cover .border-primary-gold\/30 {
    border-color: rgba(90, 68, 40, 0.22) !important;
}

[data-theme="light"] #cover > span.absolute {
    display: none;
}

[data-theme="light"] .drop-shadow-lg {
    filter: none !important;
}

[data-theme="light"] #cover-image {
    background: transparent !important;
    border-color: rgba(90, 68, 40, 0.18) !important;
}

[data-theme="light"] #cover-image img {
    border-color: rgba(90, 68, 40, 0.25) !important;
    box-shadow: 0 16px 36px rgba(50, 30, 10, 0.22) !important;
    border-radius: 2px !important;
}

[data-theme="light"] .bg-gradient-to-br.from-primary-navy\/40,
[data-theme="light"] section.bg-gradient-to-br {
    background: #f3ead8 !important;
}

[data-theme="light"] .bg-primary-navy\/40,
[data-theme="light"] .bg-primary-dark\/80,
[data-theme="light"] .bg-primary-dark\/50,
[data-theme="light"] .bg-primary-gold\/5,
[data-theme="light"] .bg-primary-gold\/10 {
    background-color: rgba(138, 90, 30, 0.07) !important;
}

[data-theme="light"] #reader-response {
    background: #f3ead8 !important;
    border-color: rgba(90, 68, 40, 0.22) !important;
    color: #2c2416 !important;
}

[data-theme="light"] #reader-response * {
    color: #2c2416 !important;
}

[data-theme="light"] #reader-response .text-primary-gold,
[data-theme="light"] #reader-response h2,
[data-theme="light"] #reader-response h3 {
    color: #8a5a1e !important;
}

[data-theme="light"] main table.ebook-compare-table {
    border-color: rgba(90, 68, 40, 0.35) !important;
}

[data-theme="light"] main table.ebook-compare-table th {
    color: #7a4a28 !important;
    background: rgba(138, 90, 30, 0.1) !important;
    border-color: rgba(90, 68, 40, 0.28) !important;
}

[data-theme="light"] main table.ebook-compare-table td {
    border-color: rgba(90, 68, 40, 0.22) !important;
}

[data-theme="light"] #progressBar {
    background: linear-gradient(to right, #8a5a1e, #7a4a28) !important;
}

[data-theme="light"] #shareCount,
[data-theme="light"] .share-count {
    color: #8a5a1e !important;
}

[data-theme="light"] #languageSelect {
    color: #2c2416 !important;
    border-color: rgba(90, 68, 40, 0.28) !important;
}

[data-theme="light"] #shareMenu {
    background-color: #f7f2e6 !important;
    border-color: rgba(90, 68, 40, 0.22);
}

[data-theme="light"] section span.inline-block.text-xs.text-primary-gold {
    background-color: #f3ead8 !important;
    color: #8a5a1e !important;
    border-color: rgba(90, 68, 40, 0.35) !important;
    box-shadow: none !important;
}

[data-theme="light"] h2 span.bg-primary-gold,
[data-theme="light"] .bg-primary-gold.h-0\.5,
[data-theme="light"] .bg-primary-gold.w-16,
[data-theme="light"] .bg-primary-gold,
[data-theme="light"] span.bg-primary-gold,
[data-theme="light"] .bg-primary-gold.rounded-full {
    background-color: #8a5a1e !important;
}

[data-theme="light"] span.text-primary-gold {
    color: #8a5a1e !important;
}

[data-theme="light"] .bg-gradient-to-r.from-transparent.via-primary-gold.to-transparent,
[data-theme="light"] div.bg-gradient-to-r.via-primary-gold {
    background: linear-gradient(to right, transparent, #8a5a1e, transparent) !important;
}

[data-theme="light"] #progressBar,
[data-theme="light"] header #progressBar {
    background: linear-gradient(to right, #8a5a1e, #7a4a28) !important;
}

[data-theme="light"] main blockquote,
[data-theme="light"] main [class*="border-l-["],
[data-theme="light"] main .border-l-4,
[data-theme="light"] main .border-l-2 {
    border-left-color: #8a5a1e !important;
}

[data-theme="light"] main h2,
[data-theme="light"] main h3,
[data-theme="light"] main .border-b,
[data-theme="light"] main [class*="border-b"] {
    border-bottom-color: rgba(90, 68, 40, 0.28) !important;
}

[data-theme="light"] #prevChapterBtn,
[data-theme="light"] #nextChapterBtn {
    color: #5a4a32 !important;
    border-color: rgba(90, 68, 40, 0.3) !important;
    background: #f7f2e6 !important;
}

@media (max-width: 768px) {
    [data-theme="light"] body,
    [data-theme="light"] main#mainContent {
        overflow-x: hidden;
    }

    [data-theme="light"] main#mainContent > div.flex-1.max-w-4xl,
    [data-theme="light"] main#mainContent > div.max-w-4xl {
        margin-top: 0.5rem;
        margin-bottom: 5.25rem;
        margin-left: 0.75rem;
        margin-right: 0.75rem;
        width: auto;
        max-width: calc(100% - 1.5rem);
        box-shadow: 0 8px 24px rgba(50, 30, 10, 0.12);
        border-radius: 0;
        background-image: none !important;
    }

    [data-theme="light"] #cover {
        min-height: 0 !important;
        padding: 1.75rem 0.85rem !important;
        margin-bottom: 1.5rem !important;
        box-shadow:
            inset 0 0 0 7px #f8f3e8,
            inset 0 0 0 8px rgba(90, 68, 40, 0.2);
    }

    [data-theme="light"] #cover > div.absolute.inset-5 {
        inset: 0.5rem !important;
    }

    [data-theme="light"] #cover h1 {
        font-size: 1.65rem !important;
        line-height: 1.35 !important;
        margin-bottom: 1.1rem !important;
    }

    [data-theme="light"] main table,
    [data-theme="light"] main table.ebook-compare-table {
        display: block;
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 480px) {
    [data-theme="light"] main#mainContent > div.flex-1.max-w-4xl,
    [data-theme="light"] main#mainContent > div.max-w-4xl {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
        max-width: calc(100% - 1rem);
        padding-left: max(0.75rem, env(safe-area-inset-left, 0px)) !important;
        padding-right: max(0.75rem, env(safe-area-inset-right, 0px)) !important;
    }

    [data-theme="light"] #cover {
        padding: 1.2rem 0.6rem !important;
        min-height: auto !important;
    }

    [data-theme="light"] #cover h1 {
        font-size: 1.4rem !important;
    }

    [data-theme="light"] main#mainContent [class*="px-8"] {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}