/* Nancy's Inventory App - look sampled from her mock-up (colours adjusted a little for readability).
   Each install can have its own brand.css next to index.html; delete the file to get the default look. */
@import url("https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap");
:root{
 --pg-glow:#f7c4ba;--pg1:#f4a19b;--pg2:#f4aea6;--pg3:#f6bcb1;
 --nav:#f0806f;--nav-ink:#fff;--nav-line:#fff;--nav-on:#fff;--nav-on-ink:#c4503f;
 --main-bg:#fff6f4;--ink:#3b1d22;--mute:#6b4a50;--line:#e3b8b3;--bg:#fdeae6;
 --accent:#d9566a;--accent-ink:#fff;--disp:#8f2d3f;--disp-bg:#fbd9df;--stor:#5d4a4d;--stor-bg:#efe1e0;--danger:#b3261e;
 --login-bg:#f592a6;--login-ink:#1a0d10;
 --h1-font:"Great Vibes","Brush Script MT","Segoe Script",cursive;--h1-case:none;--h1-size:min(11vw,3.3rem);--h1-weight:400;--h1-space:.01em;
 --star-show:none;
}
h1{text-shadow:0 .08rem .25rem rgba(150,60,70,.4)}
.hbtn,.navgrid button{box-shadow:0 .1rem .25rem rgba(150,60,70,.3)}
.hbtn:focus-visible,.navgrid button:focus-visible{outline-color:#7a1f33}
main{box-shadow:0 .15rem .6rem rgba(150,60,70,.28)}
.login{border:.12rem solid #fff;border-top-width:.12rem;border-radius:1.1rem;padding:2rem 1.4rem}
.login h2{font-family:var(--h1-font);font-weight:400;font-size:2.4rem;margin:0 0 .9rem;color:#1a0d10}
.login label{font-family:"Courier New",Courier,monospace;color:#1a0d10;font-weight:500}
.login input{background:#f6bdb2;border:.13rem solid #fff;border-radius:1rem;color:#1a0d10}
.login .btn.primary{background:#e97a77;border:.13rem solid #fff;border-radius:1rem;font-family:var(--h1-font);font-weight:400;font-size:2rem;color:#fff;min-height:3.6rem;margin-top:.6rem}
.login .err{color:#7a0f1d}
/* signed-out screen: the pink card sits straight on the page, as in her mock-up */
main:has(.login){background:transparent;box-shadow:none;padding:.4rem 0}