/* Shared tokens — the house style: a printed menu, a maître d's ledger, a red pen. */
:root{
  --paper:#F3EBDD;
  --paper-2:#FAF5EC;
  --card:#FFFDF8;
  --ink:#1D1714;
  --ink-2:#5E5248;
  --ink-3:#8C7F72;
  --line:#DCCDB6;
  --line-2:#E9DECC;
  --bordeaux:#5A1220;
  --bordeaux-2:#7A1C2E;
  --pen:#C42E1C;
  --gilt:#A9823A;
  --gilt-2:#D4B46E;
  --sage:#2F5B45;
  --night:#17110F;

  --serif:"Fraunces", "Iowan Old Style", Palatino, Georgia, serif;
  --sans:"Instrument Sans", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  --mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;
  --hand:"Caveat", "Bradley Hand", cursive;
}
*{box-sizing:border-box}
button{font:inherit;color:inherit}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hidden{display:none!important}

/* the red-pen strike, shared by app + site */
.struck{position:relative;color:var(--ink-3)}
.struck::after{
  content:"";position:absolute;left:-3%;right:-3%;top:52%;height:2px;border-radius:2px;
  background:var(--pen);transform-origin:left center;transform:scaleX(1) rotate(-1.2deg);
  animation:strike .45s cubic-bezier(.6,.05,.3,1) both;
}
@keyframes strike{from{transform:scaleX(0) rotate(-1.2deg)}to{transform:scaleX(1) rotate(-1.2deg)}}
@media (prefers-reduced-motion: reduce){ .struck::after{animation:none} }