/* Savanis unified modern UI layer. System fonts, responsive layout, accessible focus states. */
:root{--sv-bg:#f6f8fb;--sv-surface:#fff;--sv-text:#101828;--sv-muted:#667085;--sv-line:#e4e7ec;--sv-primary:#344767;--sv-accent:#7f56d9}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--sv-text);background:var(--sv-bg);text-rendering:optimizeLegibility}
a{color:inherit}
button,input,select,textarea{font:inherit}
:focus-visible{outline:3px solid rgba(127,86,217,.35);outline-offset:2px}
img{max-width:100%;height:auto}
.sv-local-account-note{padding:12px 14px;margin:0 0 18px;border:1px solid var(--sv-line);border-radius:10px;background:#f8fafc;color:#475467;font-size:13px;line-height:1.5}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto},*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* css/savanis-modern.css */
:root{--sv-text:#101828;--sv-muted:#667085;--sv-line:#eaecf0;--sv-surface:#fff;--sv-radius:14px}*{box-sizing:border-box}.sv-wrap{width:min(1180px,calc(100% - 32px));margin:auto}.sv-kicker{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--sv-muted)}.sv-authors,.sv-author{padding:72px 0;color:var(--sv-text)}.sv-authors h1,.sv-author h1{font-size:clamp(30px,5vw,48px);margin:.25rem 0}.sv-author-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:30px}.sv-author-card{background:var(--sv-surface);border:1px solid var(--sv-line);border-radius:var(--sv-radius);padding:22px}.sv-author-card h2{font-size:20px;margin:0 0 8px}.sv-author-card p,.sv-authors>.sv-wrap>p,.sv-author-bio{color:var(--sv-muted);line-height:1.7}.sv-author-bio{max-width:760px;margin:25px 0}


/* css/savanis-frontend-modern.css */

/* Savanis Bookshop modern frontend layer — progressive enhancement, no framework dependency */
:root{--sv-primary:#ff6600;--sv-ink:#172033;--sv-muted:#667085;--sv-line:#e7eaf0;--sv-bg:#f7f8fb;--sv-card:#fff;--sv-radius:16px}
html{scroll-behavior:smooth}body{background:var(--sv-bg);color:var(--sv-ink);font-family:Lexend Deca,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
.sv-skip-link{position:fixed;left:12px;top:-80px;z-index:9999;background:#111827;color:#fff;padding:10px 14px;border-radius:9px;text-decoration:none}.sv-skip-link:focus{top:12px}
.sv-main{min-height:60vh}.sv-main img{max-width:100%;height:auto}.sv-main a{transition:color .2s ease,transform .2s ease}
header.sticky-top{backdrop-filter:saturate(160%) blur(12px);background:rgba(255,255,255,.92)!important;border-bottom:1px solid rgba(16,24,40,.06)}
.sav-brand{font-size:1.18rem!important;letter-spacing:-.03em}.sav-brand img{width:28px;height:28px;object-fit:contain;vertical-align:-7px;margin-right:4px}
header .nav-link{font-weight:600;color:#344054!important;border-radius:10px;padding:.6rem .8rem!important}header .nav-link:hover{background:#f2f4f7;color:var(--sv-primary)!important}
header .dropdown-menu{border:1px solid var(--sv-line);border-radius:14px;padding:8px;box-shadow:0 18px 45px rgba(16,24,40,.12)}header .dropdown-item{border-radius:9px;padding:9px 12px}
#searchCollapse .container{padding-bottom:14px!important}#searchCollapse input{border-radius:12px!important;border:1px solid #d0d5dd!important;box-shadow:0 5px 18px rgba(16,24,40,.05)}
.btn,.button,button{border-radius:10px}.card{border:1px solid var(--sv-line);border-radius:var(--sv-radius);box-shadow:0 8px 24px rgba(16,24,40,.045);overflow:hidden}.card:hover{box-shadow:0 14px 34px rgba(16,24,40,.08)}
.titlebook{font-weight:700!important;color:var(--sv-ink)!important}
footer{margin-top:45px}footer a{transition:color .2s ease}footer a:hover{color:var(--sv-primary)!important}
:focus-visible{outline:3px solid rgba(255,102,0,.35);outline-offset:2px}
@media(max-width:767px){header .navbar{padding-top:7px;padding-bottom:7px}.sv-main{overflow-x:hidden}.card{border-radius:13px}.section-padding{padding:28px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}


/* css/savanis-admin-modern.css */

/* Savanis admin modern layer: progressive enhancement over the existing UI */
:root{--sv-a-ink:#101828;--sv-a-muted:#667085;--sv-a-line:#eaecf0;--sv-a-bg:#f6f8fb;--sv-a-primary:#7f56d9}
body{background:var(--sv-a-bg)!important;color:var(--sv-a-ink)}
.card{border:1px solid var(--sv-a-line)!important;border-radius:16px!important;box-shadow:0 8px 28px rgba(16,24,40,.045)!important}
.card-header,.card-footer{background:transparent!important;border-color:var(--sv-a-line)!important}
.form-control,.form-select{border-radius:10px!important;border-color:#d0d5dd!important;min-height:42px}.form-control:focus,.form-select:focus{border-color:var(--sv-a-primary)!important;box-shadow:0 0 0 4px rgba(127,86,217,.1)!important}
.btn{border-radius:10px!important;font-weight:650}.table{vertical-align:middle}.table thead th{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--sv-a-muted)}
.alert{border-radius:12px}.modal-content{border:1px solid var(--sv-a-line);border-radius:16px;box-shadow:0 24px 70px rgba(16,24,40,.18)}
@media(max-width:767px){.card-body{padding:16px!important}.table-responsive{border-radius:12px}}