/* BALOKA Navy Espresso 2026 — Visual only, preview */
:root{
 --baloka-navy:#1C3555;--baloka-cream:#F5EBDD;--baloka-espresso:#4A3025;
 --baloka-caramel:#CB9454;--baloka-paper:#FFF9F1;--baloka-muted:#756154;
 --baloka-border:#DCCDBB;--baloka-shadow:0 6px 22px rgba(74,48,37,.055);
 font-family:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
 background-color:#F5EBDD;accent-color:#1C3555;color-scheme:light;
}
body{background:var(--baloka-cream)!important;color:var(--baloka-espresso)!important;
 font-family:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif!important;-webkit-font-smoothing:antialiased}
header,body>header,.top,.site-header,.navbar,.nav-bar{
 background:var(--baloka-navy)!important;color:var(--baloka-paper)!important
}
header a,header .logo,header .brand,header h1,header h2,.top a,.top .logo,.top .brand{
 color:var(--baloka-paper)!important
}
header a:hover,.top a:hover{color:#F6C88E!important}
.logo em,.brand em,.brand .accent{color:var(--baloka-caramel)!important}
h1,h2,h3,h4{font-family:Outfit,"DM Sans",system-ui,sans-serif;letter-spacing:-.02em}
h1{color:var(--baloka-espresso)}
h1::after{content:"";display:block;margin-top:10px;width:48px;height:4px;border-radius:9px;background:var(--baloka-caramel)}
.card,.box,.product,.order,.stat,.product-card,.menu-card,.panel,.pricing-card{
 background:var(--baloka-paper)!important;border-color:var(--baloka-border)!important;
 box-shadow:var(--baloka-shadow);
}
.card:hover,.product:hover,.product-card:hover{border-color:#CDA777!important}
button,.btn,.button{border-radius:10px}
button:not(.secondary):not(.soft):not(.danger):not(.filter):not(:disabled),
.primary,.btn-primary,.btnwide,#sendOrder:not(:disabled),#createOrder:not(:disabled){
 background:var(--baloka-navy)!important;color:var(--baloka-paper)!important
}
button:not(.secondary):not(.soft):not(.danger):not(.filter):not(:disabled):hover,
.primary:hover,.btn-primary:hover{background:#294970!important}
button.secondary,button.soft,.secondary,.soft{
 background:#EBDFCF!important;color:var(--baloka-espresso)!important
}
button.filter,button.filter:not(.selected){
 background:var(--baloka-paper)!important;border-color:var(--baloka-border)!important;color:var(--baloka-espresso)!important
}
button.filter.selected{background:var(--baloka-navy)!important;color:var(--baloka-paper)!important}
button:disabled{background:#D5CBBE!important;color:#756359!important;cursor:not-allowed!important}
input,select,textarea{
 background:#FFFCF7!important;color:var(--baloka-espresso)!important;border-color:#C5B39E!important;
}
input:focus-visible,select:focus-visible,textarea:focus-visible,
button:focus-visible,a:focus-visible{outline:3px solid var(--baloka-caramel)!important;outline-offset:2px}
.pill,.tag,.badge{background:#F3E3CF!important;color:#70502A!important}
.tag-green{background:#E0F0E5!important;color:#24613E!important}
.tag-red{background:#F4DDDA!important;color:#904038!important}
.notice,.warning,.highlight,#message,#notice{
 background:#F3E5CF!important;border-color:var(--baloka-caramel)!important;color:var(--baloka-espresso)!important
}
.muted,.sub,.subtitle,.hint,.small,.minor,.desc{color:var(--baloka-muted)!important}
.price,.product .price,.product-price{color:var(--baloka-espresso)!important;font-weight:850}
.price,.metric,.number,.summary,.total,.amount{font-variant-numeric:tabular-nums}
a.action-link{color:var(--baloka-navy)!important;border-color:#CAB396!important}
table th{color:var(--baloka-navy)}
table td,table th,.cartline,.product-row{border-color:var(--baloka-border)!important}
#app .top,#app header{background:var(--baloka-navy)!important;color:#FFF9F1!important}
#app .top a,#app header a,#app .brand{color:#FFF9F1!important}
@media(max-width:620px){.card,.product,.order,.box{box-shadow:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}