/* Tema Ceria: biru indigo, lavender, kuning dan merah jambu. */
:root{--green:#5145b8;--deep:#4338a3;--lime:#ffe58a;--bg:#f7f7ff;--ink:#29304f;--muted:#626b83;--line:#e3e3f2}
body{background:linear-gradient(135deg,#f3f5ff,#fff8fc);background-attachment:fixed}
.brand-dot{color:#e95690}.brand-mark{background:#6254d9;color:#fff}
.workspace{background:#f7f5ff}.workspace-icon{background:#e9e3ff;color:#5741a4}
.nav-link{color:#626b83}.nav-link.active{background:#eee9ff;color:#5140a6;box-shadow:inset 3px 0 #7964e8}.nav-link:hover{background:#f4f0ff}.nav-count{background:#ded5ff;color:#5140a6}
.nav-label,.eyebrow{color:#626b83}.small-tip{background:#fff5d5;border-color:#f1e1a6}.small-tip>.icon{color:#a77712}.small-tip p{color:#79662e}
.avatar{background:#ffe1ed;color:#963c66}.subject-tag i{background:#7964e8}
.hero,.auth-story{background:linear-gradient(115deg,#4338a3 0%,#6050c7 65%,#7958cc 100%)}
.hero-tag,.hero p,.hero-caption{color:#eeeaff}.hero-tag>span{background:#ffe58a}
.hero-art{background:radial-gradient(ellipse at center,#c7aeff50,transparent 70%)}.orbit{border-color:#ffffff25}.art-spark{color:#ffe58a}
.book-cover{background:#ffe58a;color:#665022;border-left-color:#e9c767}.book-back{background:#f39bbb;border-color:#ffc3d9}.book-emblem{border-color:#b48a33}.floating-label{background:#fff7dc;color:#665022}
.primary:hover{background:#403394}.secondary:hover{background:#f1edff}.cream{background:#ffe58a;color:#493b18}.cream:hover{background:#ffedaf}
.text-link{color:#5844b0}.pill{background:#eee8ff;color:#5741a4}
.stat-card:nth-child(1){border-top:3px solid #8b75e8}.stat-card:nth-child(2){border-top:3px solid #53b5dd}.stat-card:nth-child(3){border-top:3px solid #efc34d}.stat-card:nth-child(4){border-top:3px solid #ee8fb4}
.green,.color-1{background:#eee7ff;color:#6549b4}.blue,.color-0{background:#dff3ff;color:#27688c}.amber,.color-2{background:#fff1c7;color:#816017}.rose{background:#ffe5ef;color:#a7476e}
.chapter-row:hover{background:#f9f6ff}.progress-ring{background:conic-gradient(#8971e6 calc(var(--progress)*1%),#eee9fa 0)}
.stat-top,.stat-card>small,.page-heading p,.chapter-info small,.section-heading p,.progress-panel p,.content-note,.footer{color:#626b83}
button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#7352c7}input:focus,select:focus,textarea:focus{outline-color:#7352c7}
.note-image-scroll img{width:auto;max-width:100%;max-height:72vh;min-width:0;height:auto;margin:auto}
@media(max-width:750px){.note-image-scroll img{width:850px;max-width:none;max-height:none;min-width:850px}}