/* To add to project (inside ):
*/
:root{
--rz-bar-h:46px; /* navbar height */
--rz-rail-w:56px; /* Thin siderail for desktop (always on) */
--rz-side-w:224px; /* Full sidebar overlay */
--rz-bg:#faf8f2; --rz-fg:#1b1b19; --rz-mut:#8b897f;
--rz-line:#dcd8cc; --rz-line2:#1b1b19; --rz-panel:#f0ede4;
}
[data-rz-theme="dark"]{
--rz-bg:#141310; --rz-fg:#ecebe3; --rz-mut:#6f6d64;
--rz-line:#2b2a25; --rz-line2:#ecebe3; --rz-panel:#1c1b16;
}
/* Space reservation for navbar and sidebar */
body{ padding-top:var(--rz-bar-h) !important; }
@media (min-width:880px){
body{ padding-left:var(--rz-rail-w) !important; }
}
/* placeholder for loading time */
body::before{
content:""; position:fixed; top:0; left:0; right:0; height:var(--rz-bar-h);
background:var(--rz-bg); border-bottom:1px solid var(--rz-line2); z-index:99990;
}