/* LushPazar sign in and locked pages. This is the ONLY file the server hands
   out without a session, because the sign in page has to look right before
   anyone is signed in. It holds the gate card and nothing of the app.
   Every colour is a LushClayCo token. The token values below are copies of
   the ones at the top of app.css, and a test in rust/ fails if they drift. */
:root{
  --white:#FDFDFD; --charcoal:#2C2B28; --stone:#625C54; --terracotta:#9E4418; --gold-text:#7E5820; --ink:#1E1D1A;
  --paper:#F6EFE4;
  --serif:'Cormorant Garamond',Georgia,serif; --sans:'Jost',system-ui,-apple-system,'Segoe UI',sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html{height:100%}
body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font:400 13px/1.5 var(--sans)}
a{color:inherit}
button{font-family:var(--sans);background:transparent;cursor:pointer;border-radius:0}
.eyebrow{font-size:9px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-text);margin:0 0 6px}
body.gate{display:grid;place-items:center;padding:24px}
.gatecard{max-width:460px;background:var(--white);border:1px solid var(--charcoal);padding:40px 44px 36px;text-align:left}
.gatecard h1{font-family:var(--serif);font-size:42px;font-weight:300;margin:0 0 14px;line-height:1}
.gatecard .lede{font-size:15px;line-height:1.6;margin:0 0 18px}
.gatecard .msg{color:var(--terracotta);margin:0 0 12px;min-height:1em}
.gatecard .btn{display:inline-block;text-decoration:none;font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;padding:13px 20px;border:1px solid var(--charcoal);color:var(--charcoal)}
.gatecard .btn.solid{background:var(--terracotta);border-color:var(--terracotta);color:var(--white)}
.gatecard .inline{display:inline-block;margin-left:10px}
.gatecard .small{font-size:12px;color:var(--stone);margin:18px 0 0;line-height:1.55}