/* SlipKit brand. Everything else comes from https://lemnosholdings.com/design/lemnos.css
   (source: lemnos-site/site/design/). Keep this file to the accent plus SlipKit-only components. */
:root {
  --accent-l: #34408f; --accent-ink-l: #f3f2fb; --accent-soft-l: #e2e4f4;
  --accent-d: #a3adf0; --accent-ink-d: #141733; --accent-soft-d: #232842;
}

/* The example packing slip. It's printed paper, so it stays white in dark mode, and its rust
   color is the example merchant's brand, not SlipKit's. */
.slipmock {
  font: 13px/1.45 var(--sans); color: #111; background: #fff; border: 1px solid var(--rule-2);
  border-radius: var(--r); padding: 18px 20px; box-shadow: var(--shadow); max-width: 34rem;
}
.slipmock p { margin: 10px 0; }
.slipmock .head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; border-bottom: 3px solid #a8452a; padding-bottom: 8px; }
.slipmock .shop { font: 400 19px var(--serif); }
.slipmock .ord { color: #a8452a; font: 500 12.5px var(--mono); }
.slipmock table { width: 100%; border-collapse: collapse; margin: 10px 0; }
.slipmock td { padding: 5px 2px; border-bottom: 1px solid #eee; vertical-align: top; }
.slipmock .muted { color: #666; font-size: 11.5px; }
.slipmock .gift { border: 1px dashed #999; border-radius: 5px; padding: 6px 10px; margin: 10px 0; font-style: italic; }
.slipmock .promo { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; border: 1.5px solid #a8452a; background: #faf1ee; border-radius: 7px; padding: 10px 12px; }
.slipmock .code { font: 500 20px var(--mono); letter-spacing: .08em; color: #a8452a; }
.stat { font: 400 clamp(22px, 2.6vw, 28px)/1.3 var(--serif); color: var(--ink); margin-bottom: 4px; }