/* Forge Pantry Brand Foundation · Beta 1.1.0 · Build 0009 */
:root {
  --pf-ink:#171514;
  --pf-graphite:#24211f;
  --pf-graphite-soft:#302b28;
  --pf-copper:#b76a3c;
  --pf-copper-light:#d88a52;
  --pf-copper-dark:#874125;
  --pf-cream:#f2e8dc;
  --pf-sage:#91a28b;
  --pf-success:#85a982;
  --pf-warning:#d5a45f;
  --pf-danger:#d27878;
  --pf-space-1:.25rem;
  --pf-space-2:.5rem;
  --pf-space-3:.75rem;
  --pf-space-4:1rem;
  --pf-space-5:1.5rem;
  --pf-space-6:2rem;
  --pf-radius-sm:10px;
  --pf-radius-md:16px;
  --pf-radius-lg:22px;
  --pf-radius-xl:30px;
  --pf-shadow-soft:0 10px 28px rgba(8,5,7,.22);
  --pf-shadow-float:0 24px 70px rgba(8,5,7,.34);
  --pf-motion-fast:160ms;
  --pf-motion-normal:240ms;
  --gold:var(--pf-copper-light);
  --cream:var(--pf-cream);
  --radius-md:var(--pf-radius-md);
  --radius-lg:var(--pf-radius-lg);
  --radius-xl:var(--pf-radius-xl);
  --transition:var(--pf-motion-fast) ease;
}
.brand{gap:12px}.brand-mark{width:44px;height:44px;padding:0;overflow:hidden;border-radius:14px;background:var(--pf-ink);box-shadow:0 8px 24px rgba(0,0,0,.24),0 0 0 1px rgba(216,138,82,.3)}
.brand-mark img{width:100%;height:100%;display:block}.brand>span:last-child{display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:8px}.brand-tagline{grid-column:1/-1;margin-top:1px;color:rgba(242,232,220,.66);font-size:.63rem;letter-spacing:.11em;text-transform:uppercase}.eyebrow{color:var(--pf-copper-light)}
.primary-button{background:linear-gradient(135deg,var(--pf-copper-light),var(--pf-copper));box-shadow:0 10px 26px rgba(183,106,60,.22)}.primary-button:hover{filter:saturate(1.08) brightness(1.05)}
.secondary-button,.nav-button,.icon-button,.filter-chip{border-color:rgba(216,138,82,.18)}.nav-button.active{box-shadow:inset 0 0 0 1px rgba(216,138,82,.18)}
.status-pill{border-color:rgba(183,106,60,.35)}::selection{background:rgba(183,106,60,.38);color:#fff}
.about-brand-mark{display:grid;place-items:center;width:112px;height:112px;padding:12px;border-radius:30px;background:rgba(23,21,20,.72);box-shadow:var(--pf-shadow-soft);border:1px solid rgba(216,138,82,.26)}.about-brand-mark img{display:block;width:100%;height:100%}
.brand-manifesto{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;margin:22px 0;padding:24px}.brand-manifesto-mark{width:76px;height:76px}.brand-manifesto-mark img{width:100%;height:100%;display:block}.brand-manifesto h2{margin:.15rem 0 .35rem}.brand-manifesto p{margin:0;color:var(--muted)}.brand-manifesto .brand-line{color:var(--pf-copper-light);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}
.about-footer strong{font-size:1.25rem}.about-footer .footer-tagline{display:block;margin:.25rem 0 .65rem;color:var(--pf-copper-light);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}
/* Accessibility focus belongs on controls, never around the entire application canvas. */
#mainContent:focus,#mainContent:focus-visible,main:focus,main:focus-visible,.view:focus,.view:focus-visible{outline:none!important;box-shadow:none!important}
@media(max-width:720px){.brand-tagline{display:none}.brand-manifesto{grid-template-columns:1fr;text-align:center}.brand-manifesto-mark{margin:auto}.about-brand-mark{width:86px;height:86px}}
@media(prefers-reduced-motion:no-preference){.brand-mark img{transition:transform var(--pf-motion-normal) ease}.brand:hover .brand-mark img{transform:scale(1.045) rotate(-1.5deg)}.action-card,.recipe-card,.pantry-card{transition:transform var(--pf-motion-fast) ease,box-shadow var(--pf-motion-normal) ease,border-color var(--pf-motion-normal) ease}.action-card:hover,.recipe-card:hover,.pantry-card:hover{border-color:rgba(216,138,82,.28)}}