:root {
    --primary: #1a1a2e;
    --accent:  #e94560;
    --light-bg: #f8f9fa;
    --card-shadow: 0 4px 24px rgba(0,0,0,.07);
}
body { font-family: 'Segoe UI', system-ui, sans-serif; background: #fff; color: #222; }
.navbar-brand { font-weight: 800; letter-spacing: -0.5px; font-size: 1.3rem; }
.navbar { backdrop-filter: blur(8px); background: rgba(26,26,46,.97) !important; }
.nav-link { color: rgba(255,255,255,.8) !important; font-weight: 500; }
.nav-link:hover, .nav-link.active { color: #fff !important; }
.btn-accent { background: var(--accent); color: #fff; border: none; border-radius: 8px; }
.btn-accent:hover { background: #c7384e; color: #fff; }
.badge-pending  { background: #fff3cd; color: #856404; }
.badge-review   { background: #cfe2ff; color: #084298; }
.badge-revision { background: #fff3cd; color: #664d03; }
.badge-accepted { background: #d1e7dd; color: #0a3622; }
.badge-rejected  { background: #f8d7da; color: #58151c; }
.badge-published { background: #e0e7ff; color: #3730a3; }
.book-cover-gradient { transition: transform .25s, box-shadow .25s; }
.book-cover-gradient:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,.18) !important; }
footer { background: var(--primary); color: rgba(255,255,255,.7); }
footer a { color: rgba(255,255,255,.6); text-decoration: none; }
footer a:hover { color: #fff; }
/* Language Switcher */
.lang-switcher { display:flex; gap:2px; align-items:center; }
.lang-btn {
    font-size:.75rem; font-weight:700; padding:3px 9px; border-radius:6px;
    text-decoration:none; border:1.5px solid rgba(255,255,255,.3);
    color:rgba(255,255,255,.6); transition:all .2s;
    line-height: 1.5;
}
.lang-btn.active, .lang-btn:hover {
    background:var(--accent); border-color:var(--accent); color:#fff;
}

/* Watermark & Branding */
.app-watermark { font-size: 0.82rem; opacity: 0.7; font-weight: 500; }
.floating-watermark {
    position: fixed; bottom: 15px; right: 15px; z-index: 9999;
    background: rgba(26, 26, 46, 0.08); backdrop-filter: blur(4px);
    padding: 5px 12px; border-radius: 20px;
    border: 1px solid rgba(0,0,0,0.05); pointer-events: none;
    font-size: 0.7rem; color: var(--primary); font-weight: 600;
    transition: opacity 0.3s;
}
@media (max-width: 576px) { .floating-watermark { display: none; } }

/* Circular Logo for Books & Branding */
.bk-logo-circular {
    border-radius: 50% !important;
    object-fit: cover !important;
    aspect-ratio: 1/1 !important;
    overflow: hidden !important;
    display: inline-block;
    vertical-align: middle;
}