:root{ --brand:#c5ad89; }
*{font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;}
.brand-dot{display:inline-block;width:14px;height:14px;border-radius:50%;background:var(--brand);vertical-align:middle}
.card-book{transition:transform .15s ease, box-shadow .15s ease}
.card-book:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,0,0,.12)}
.btn-brand{background:var(--brand);border-color:var(--brand)}
.btn-brand:hover{background:#b79d79;border-color:#b79d79}
.price{font-weight:600}
.cover-soft{aspect-ratio: 3/4; object-fit: cover; border-radius:.5rem}
.hero{background: linear-gradient(90deg, #111827 0%, #1f2937 40%, var(--brand) 100%);color:#fff;border-radius:1rem;}
.hero .lead{opacity:.9}
.badge-ghost{background:#000; color:#fff; border-radius:999px; padding:.4rem .8rem; font-weight:600; letter-spacing:.2px}