/* Approved Food Passport presentation; demo state is local only. */
:is(.passport-feature, .food-passport-experience .food-experience, .food-passport-experience .is-food-gallery) {
  --fp-espresso:#2c241f;
  --fp-ink:#3d2c23;
  --fp-muted:#786453;
  --fp-paper:#f3ecdf;
  --fp-clay:#a36346;
  --fp-champagne:#dfbb92;
  --fp-surface:radial-gradient(ellipse at 100% 0%,#b9764938,transparent 56%),
    radial-gradient(ellipse at 0% 100%,#93676b16,transparent 45%),
    linear-gradient(135deg,#49362b,#302720 64%,#272321);
}
[data-food-tone] {--dish-ink:#745443;--dish-wash:#eadbcd;--dish-border:#b1978147;}
[data-food-tone="clay"] {--dish-ink:#945339;--dish-wash:#f1ddd0;--dish-border:#c7886947;}
[data-food-tone="saffron"] {--dish-ink:#856024;--dish-wash:#eee1bb;--dish-border:#b3944847;}
[data-food-tone="blue"] {--dish-ink:#486d7b;--dish-wash:#dce6e7;--dish-border:#72959e47;}
[data-food-tone="berry"] {--dish-ink:#815663;--dish-wash:#eddee4;--dish-border:#b0879747;}
[data-food-tone="rose"] {--dish-ink:#99594f;--dish-wash:#f0ddd6;--dish-border:#c38e8247;}

/* Passport card: the same restrained culinary accents as the full Food list. */
.passport-feature {background:var(--fp-surface);}
.passport-symbol svg {transform:none;}
.passport-product {color:var(--fp-ink);background:linear-gradient(145deg,#f5efe4,#e9dfd0);}
.passport-row {border-bottom-color:#72583a26;}
.passport-row:nth-child(even) {background:#fffaf13d;}
.passport-row:hover,.passport-row:focus-within {background:#fffaf28c;}
.passport-thumb {color:var(--dish-ink);border-color:var(--dish-border);background:linear-gradient(145deg,#ffffff4d,transparent),var(--dish-wash);}
.passport-search input {color:var(--fp-ink);}
.passport-dialog,.passport-form input {color:#3d2c23;}
.passport-been {color:#88623b;}

/* Food retains Bucket's navigation chrome, but has an unmistakably warm room. */
.food-passport-experience .app-preview.has-food-page {
  --food-seam: #17251d;
  --food-seam-direction: 90deg;
}
.food-passport-experience .app-preview.has-food-page .app-shell {
  /* Keep fractional-pixel joins from exposing the original ivory shell. */
  background: var(--food-seam);
}
.food-passport-experience .app-preview.has-food-page .app-sidebar {
  /* Keep the navigation's original forest surface; no brighter band at its edge. */
  border-right-color: transparent;
  background: linear-gradient(180deg, #17251d, #101611);
}
.food-passport-experience .food-preview.food-line-items .food-app-main {
  background:
    linear-gradient(var(--food-seam-direction, 90deg), #10161133, #10161100 14px),
    var(--fp-surface);
  color:#f8f0e2;
}
.food-passport-experience .food-preview .food-app-main::before {display:none;}
@media (max-width:680px) {
  .food-passport-experience .app-preview.has-food-page {--food-seam-direction:180deg;}
  .food-passport-experience .app-preview.has-food-page .app-sidebar {border-bottom-color:transparent;}
}
.food-passport-experience .food-preview .food-main-head {border-color:#edceb227;}
.food-passport-experience .food-preview .food-title-mark,
.food-passport-experience .lived-food-heading .food-title-mark {
  border:1px solid #d4ac8260;
  color:#edcaa4;
  background:linear-gradient(145deg,#e3b1831f,#dcb58509);
  box-shadow:inset 0 1px #ffe3bc24,0 4px 12px #160d0824;
}
.food-passport-experience :is(.food-preview,.lived-food-heading) .food-title-mark svg {
  width:25px;height:25px;stroke-width:1.15;
}
.food-passport-experience .food-preview .food-title-copy p {color:#d5b89b;}
.food-passport-experience .food-preview :is(.food-search-toggle,.food-create-toggle) {
  border-color:#d6ad813d;
  background:linear-gradient(145deg,#ffe8cb12,#edc29609);
  box-shadow:inset 0 1px #fbe4c610,0 4px 12px #160d0820;
}
.food-passport-experience .food-preview .food-create-toggle > span {
  background:linear-gradient(145deg,#bd8059,#90573e);
}
.food-passport-experience .food-preview .food-primary-tabs {background:#211c188c;border-color:#d5ad8030;}
.food-passport-experience .food-preview .food-primary-tabs button {color:#d9c7b4;}
.food-passport-experience .food-preview .food-primary-tabs button b {color:inherit;opacity:.8;}
.food-passport-experience .food-preview .food-primary-tabs button.active {
  color:#38271d;border-color:#e3c39b75;
  background:linear-gradient(135deg,#dfbf9b,#be916c);
  box-shadow:inset 0 1px #ffefd354,0 2px 7px #140d0720;
}
.food-passport-experience .food-preview .food-filter-tabs button {color:#d8c5b1;}
.food-passport-experience .food-preview .food-filter-tabs button.active {color:#ffe6c2;background:#cea17021;border-color:#d6ae7b47;}
.food-passport-experience .food-preview.food-line-items .food-ledger-head {color:#c9b8a4;border-color:#dfbb922e;}
.food-passport-experience .food-preview.food-line-items .food-ledger-head span:nth-child(3) {color:#e6ba91;}
.food-passport-experience .food-preview.food-line-items .food-ledger-scroll {gap:5px;scrollbar-color:#b3896580 transparent;}
.food-passport-experience .food-preview.food-line-items .food-ledger-row {
  color:var(--fp-ink);border:1px solid #ffeed450;
  background:linear-gradient(100deg,#f7f1e6,#eee4d5);
  box-shadow:inset 0 1px #fff9f29c,0 2px 5px #1d130e20;
}
.food-passport-experience .food-preview.food-line-items .food-ledger-row:nth-child(even) {
  background:linear-gradient(100deg,#f1e9db,#e9dfd0);
}
.food-passport-experience .food-preview.food-line-items .food-ledger-row:is(:hover,:focus-within) {
  border-color:#e4bd91;background:linear-gradient(100deg,#fff9ef,#f5ebdc);
}
.food-passport-experience .food-preview .food-ledger-row.is-new {animation-name:food-passport-arrive;}
@keyframes food-passport-arrive {from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:681px) {
  /* The list must shrink within the fixed mockup, not disappear under its edge. */
  .food-passport-experience .has-food-page .app-shell {grid-template-rows:minmax(0,1fr);}
  .food-passport-experience .food-preview.food-page {min-height:0;overflow:hidden;}
  .food-passport-experience .food-preview.food-line-items .food-app-main {height:100%;min-height:0;}
}
.food-passport-experience .food-preview .food-row-number {color:#977658;font-variant-numeric:tabular-nums;}
.food-passport-experience .food-preview .food-item-copy strong {color:#392c24;}
.food-passport-experience .food-preview .food-item-copy em {color:#72604f;}
.food-passport-experience .food-preview .food-item-placeholder {
  color:var(--dish-ink);border-color:var(--dish-border);
  background:linear-gradient(145deg,#ffffff4d,transparent),var(--dish-wash);
}
.food-passport-experience .food-preview .food-item-button img {border-color:#9b795747;}
.food-passport-experience .food-preview .food-dish-button {
  color:#81553c;border-color:#b7855c38;
  background:linear-gradient(135deg,#d6b28b21,#cda78612);
  box-shadow:inset 0 1px #fff9ed70;
}
.food-passport-experience .food-preview .food-dish-button:hover {border-color:#a96e4f6b;background:#ddbb942b;}
.food-passport-experience .food-preview .food-dish-button.is-empty {color:#897464;border-style:dashed;background:transparent;}
.food-passport-experience .food-preview .food-dish-button svg {color:#98684b;}
.food-passport-experience .food-preview .food-lived-row .food-dish-button {color:#815931;background:#d2b78026;border-color:#ad854338;}
.food-passport-experience .food-preview.food-line-items .food-complete-button {
  color:#866e5b;border-color:#a48b736b;background:transparent;
}
.food-passport-experience .food-preview.food-line-items .food-complete-button svg {opacity:.24;}
.food-passport-experience .food-preview.food-line-items .food-complete-button:is(:hover,:focus-visible) {border-color:#9c6d49;background:#d3b28b1f;}
.food-passport-experience .food-preview.food-line-items .food-complete-button:is(:hover,:focus-visible) svg {opacity:.8;}
.food-passport-experience .food-preview .food-lived-seal {color:#8a623c;border-color:#bc945252;background:#e1c39426;}
.food-passport-experience .food-preview .food-row-with i {box-shadow:inset 0 1px #fff7ec40;}
.food-passport-experience .app-preview.has-food-page [data-bucket-section="food"].active {
  background:linear-gradient(125deg,#78523b9c,#4b35277a);border-color:#c99e7845;color:#f7e7d3;
}

/* City search remains readable and airy; the shell still feels richly dark. */
.food-passport-experience .food-preview .food-guide {background:linear-gradient(130deg,#4c3930,#362c26);border-color:#cc9f7738;color:#f4e6d3;}
.food-passport-experience .food-preview .food-guide-heading > span {color:#d3bfa8;}
.food-passport-experience .food-preview .food-guide-search {background:#f4ebde;border-color:#fbe8c653;color:#4d382a;}
.food-passport-experience .food-preview .food-guide-search > svg {stroke:#967251;}
.food-passport-experience .food-preview .food-guide-search > input {color:#49362a;}
.food-passport-experience .food-preview .food-guide-search > input::placeholder {color:#7b6958;}
.food-passport-experience .food-preview .food-guide-search > button {color:#71553e;}
.food-passport-experience .food-preview .food-guide-cities button {color:#e2cfb8;border-color:#b6906e42;}
.food-passport-experience .food-preview .food-guide-cities button:hover {background:#91674947;}
.food-passport-experience .food-preview .food-guide-cities button[aria-pressed="true"] {color:#36271e;background:#dab58b;border-color:#e2be945c;}
.food-passport-experience .food-preview .food-empty {color:#d6c1a9;}
.food-passport-experience .food-preview .food-empty strong {color:#f7ecda;}
.food-passport-experience .food-preview .food-empty button {background:#674a36;border-color:#ae815f;color:#f9e8ce;}
.food-passport-experience .food-experience :is(.food-place-maps a,.food-dialog-primary) {background:linear-gradient(135deg,#a36d4c,#79503a);border-color:#976b4a;color:#fff2df;}
.food-passport-experience .food-experience .food-dialog {color:#423226;background:#f3ebde;}
.food-passport-experience .food-experience.food-dialog-scrim {background:#20171399;}
.food-passport-experience .food-experience .food-dialog-head {background:var(--fp-surface);}
.food-passport-experience .food-experience .food-dialog-context strong {color:#463125;}
.food-passport-experience .food-experience .food-dialog-context small {color:#786653;}
.food-passport-experience .food-experience .food-dialog-context .food-item-placeholder {color:var(--dish-ink);border:1px solid var(--dish-border);background:var(--dish-wash);}
.food-passport-experience .food-experience .food-place-dish {background:#e8d9c4;color:#60432d;}
.food-passport-experience .food-experience .food-place-memory {color:#76624f;}
.food-passport-experience .food-experience .food-dialog-field :is(input,textarea) {color:#423226;}
.food-passport-experience .food-experience .food-toast {background:#f1e3cf;color:#59402d;border-color:#cba27c;}

/* Same Food identity when looking back; no gallery-size or record changes. */
.food-passport-experience .lived-interface.is-food-gallery {background:var(--fp-surface);border-color:#bd957242;}
.food-passport-experience .is-food-gallery [data-lived-memory] {background:#30251f;border-color:#edd4b043;}
.food-passport-experience .is-food-gallery [data-lived-memory]::after {background:linear-gradient(0deg,#241b17 0%,#241b17ef 24%,#241b179e 45%,#241b1710 72%);}
.food-passport-experience .is-food-gallery :is(.lived-filter-group button,.lived-archive-tabs button) {color:#ddcbb6;}
.food-passport-experience .is-food-gallery :is(.lived-filter-group button,.lived-archive-tabs button).active {color:#36271d;background:linear-gradient(135deg,#dfbf9b,#be916c);border-color:#d6ad8145;}
.food-passport-experience .is-food-gallery .lived-card-meta p {color:#dbbfa3;}
@media(prefers-reduced-motion:reduce) {
  .food-passport-experience .food-preview .food-ledger-row {animation:none;transition:none;}
}