/* ============================================================
   MAUMEE STREET — shared design system (extracted from the kiosk)
   Mid-century print: black ink on cream paper, one hit of signal
   red, transit-signage caps, letterpress borders, big honest
   touch targets. Loaded AFTER each page's own styles — overrides
   tokens and shared element voice, never layout.
   ============================================================ */
:root{
  /* kiosk token set */
  --ms-paper:#f6f1e6; --ms-ink:#191713; --ms-card:#fffdf7; --ms-border:#ddd3bd;
  --ms-muted:#8a8062; --ms-green:#2e5d3f; --ms-red:#b3372a; --ms-gold:#c8a84b;

  /* map onto family A (foh_dash & friends) */
  --cream:var(--ms-paper); --cream2:#efe8d8; --card:var(--ms-card);
  --border:var(--ms-border); --border-strong:#c9bda1;
  --text:var(--ms-ink); --ink:var(--ms-ink); --muted:var(--ms-muted);
  --green:var(--ms-green); --green-light:rgba(46,93,63,.09);
  --gold:var(--ms-gold); --red:var(--ms-red); --danger:var(--ms-red);

  /* map onto family B (handbook / schedule) */
  --bg:var(--ms-paper);

  /* map onto family C (director's chair) */
  --surface:var(--ms-card); --surface2:#f2ecdf; --border2:#c9bda1;
  --sidebar:#14261b; --sidebar2:#1f3a2a;
}
body{background:var(--ms-paper);color:var(--ms-ink)}

/* ── typographic voice: transit-signage headers ── */
h1,h2,.section-title,.top-h,.hdr-title,.brand-name,.page-title{
  text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.section-hdr .card-muted,.sec-label,.form-label,.bstat-l{
  text-transform:uppercase;letter-spacing:.12em;font-weight:700}

/* ── letterpress cards & controls: honest 2px ink ── */
.card,.doc-card,.ic-card,.att,.sys,.brand,.cash-card{
  border-width:1.5px;border-color:var(--ms-border)}
button.save,.tb-btn-primary,.modal-btn-save,.wk-add,.avail-save-btn,
.chat-send,.mbtn-save,button.go{
  background:var(--ms-green);border:2px solid var(--ms-ink);
  box-shadow:2px 2px 0 var(--ms-ink);border-radius:12px;
  font-weight:800;letter-spacing:.05em;text-transform:uppercase}
button.save:active,.tb-btn-primary:active,.chat-send:active,button.go:active{
  transform:translate(2px,2px);box-shadow:none}
.mbtn-delete,.icon-del{color:var(--ms-red)}

/* ── press feedback everywhere (the kiosk feel) ── */
button:active,.doc-card:active,.staffbtn:active,.lc:active,.dk:active{
  transform:scale(.97)}

/* ── status colors: green = go, signal red = attention ── */
.inv-crit,.status-critical,.att-dot[style*="danger"]{color:var(--ms-red)}
.sb-badge,.bdg{background:var(--ms-red)}

/* ── tabular numerals for anything counting ── */
.bigclock,.bstat-v,.cash-bal,.ic-qty,.sg-chip-time,.xptxt{
  font-variant-numeric:tabular-nums}

@media (prefers-reduced-motion:reduce){
  button:active,.doc-card:active{transform:none}
}