/* Brings the order and editor pages (orders.quillandstar.shop) in line with the catalog (sitegen/assets/site.css):
   same fonts, colors and flat, square shapes. Loaded after each page's own <style>, so it only overrides. */
@font-face{font-family:"Caslon";src:url(/assets/pv-LibreCaslonDisplay-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Archivo";src:url(/assets/pv-Archivo-normal.woff2?v=2) format("woff2");font-weight:400 600;font-stretch:96% 115%;font-display:swap}
:root{
  --ink:#1c1d1a; --muted:#5d5f58; --line:#e4e2dc; --tint:#f4f2ee;
  --green:#1f4a38; --green-2:#1c1d1a; --gold:#a8812f; --gold-soft:#d9cfb8; --red:#6f2229; --err:#6f2229;
  --cream:#ffffff; --paper:#ffffff; --paper-2:#ffffff;
  --serif:"Caslon",Georgia,serif; --caps:"Archivo",system-ui,sans-serif; --sans:"Archivo",system-ui,sans-serif;
}
html{background:#fff}
body{background:#fff;font-family:var(--sans);font-stretch:100%}
::selection{background:var(--green);color:#fff}

/* brand line: logo + name in Caslon, like the catalog header */
header .shop,.brand .word{font:400 22px/1 var(--serif);letter-spacing:.005em;color:var(--ink);padding-left:0;text-transform:none}
h1,h2{font-family:var(--serif);font-weight:400;color:var(--ink);letter-spacing:-.01em}
header h1 em,h1 em{font-style:normal;color:var(--green)}
header{border-bottom:1px solid var(--line);padding-bottom:20px}

/* small caps labels: the catalog's uppercase Archivo (the nav style) */
legend,.card label{font:500 11.5px/1 var(--caps);font-stretch:115%;letter-spacing:.14em;text-transform:uppercase}
legend{color:var(--ink-2,var(--muted));background:#fff}
footer b{font:400 17px/1 var(--serif);letter-spacing:0;text-transform:none;color:var(--ink)}

/* panels: flat, thin line, no tinted shadows */
#preview,fieldset,.card{border-radius:2px;box-shadow:none;border-color:var(--line)}
#preview,.tabs{background:var(--tint)}
#preview{border:0}
.tabs{background:#e9e6df;border-radius:2px}
.tabs button{border-radius:1px;font-family:var(--sans)}
.tabs button.on{color:var(--ink)}
.sheet img{border-radius:0;background:#fff}
.demo{border-color:var(--line)}
.demo b,.demo a{color:var(--ink)}

/* fields */
input,textarea,select{border-color:#d6d3cb;border-radius:2px}
textarea{font-family:var(--sans)}
input:focus,textarea:focus,select:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(28,29,26,.08)}
input:disabled,textarea:disabled,select:disabled{background:var(--tint)}
.chips button{border-radius:1px;color:var(--ink)}
.chips button:hover{border-color:var(--ink)}
.lock{border-radius:1px;color:var(--ink);background:var(--tint);border-color:var(--line)}
.photo{border-radius:2px;border-color:#d6d3cb}
.photo.has{border-color:var(--ink);color:var(--ink)}
.busy{background:rgba(28,29,26,.9);border-radius:1px}

/* buttons: the catalog's ink button, green on hover */
.bar{background:rgba(255,255,255,.94)}
.bar .go,button.go,.pbtn{background:var(--ink);color:#fff;border-radius:1px;font-weight:500;font-stretch:108%}
.bar .go:hover,button.go:hover,.pbtn:hover{background:var(--green)}
.bar .peek,.pbtn.ghost{border-radius:1px;color:var(--ink);background:#fff;box-shadow:inset 0 0 0 1px var(--ink);border:0}
.bar select{border-radius:1px}

/* order page */
.card label{color:var(--ink)}
.card input{font-family:var(--sans);letter-spacing:.02em}
.rule{color:var(--gold)}
.links a{border-radius:2px;font-family:var(--sans);font-size:16px}
.links a:hover{border-color:var(--ink)}
.links h2{color:var(--ink)}
summary{color:var(--ink)}
footer a{color:var(--ink)}