/* Food Army typography release 006
   Cohesive public font stack. Keep matching font files in assets/fonts/ on your local/deployed build. */

@font-face{
  font-family:'FA Luckiest Guy';
  src:url('../fonts/Luckiest_Guy/LuckiestGuy-Regular.ttf') format('truetype');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'FA Lilita One';
  src:url('../fonts/Lilita_One/LilitaOne-Regular.ttf') format('truetype');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'FA Boogaloo';
  src:url('../fonts/Boogaloo/Boogaloo-Regular.ttf') format('truetype');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'FA Bowlby';
  src:url('../fonts/Bowlby_One_SC/BowlbyOneSC-Regular.ttf') format('truetype');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'FA Chewy';
  src:url('../fonts/Chewy/Chewy-Regular.ttf') format('truetype');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'FA Coiny';
  src:url('../fonts/Coiny/Coiny-Regular.ttf') format('truetype');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'FA Rammetto';
  src:url('../fonts/Rammetto_One/RammettoOne-Regular.ttf') format('truetype');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'FA Titan';
  src:url('../fonts/Titan_One/TitanOne-Regular.ttf') format('truetype');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'FA Bebas';
  src:url('../fonts/bebas_neue-extracted/BebasNeue-Regular.woff2') format('woff2'),
      url('../fonts/bebas_neue-extracted/BebasNeue-Regular.woff') format('woff'),
      url('../fonts/bebas_neue-extracted/BebasNeue-Regular.otf') format('opentype'),
      url('../fonts/bebas_neue-extracted/BebasNeue-Regular.ttf') format('truetype');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'FA Black Ops';
  src:url('../fonts/black-ops-one-extracted/BlackOpsOne-Regular.ttf') format('truetype');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

:root{
  --font-rally:'FA Luckiest Guy','FA Lilita One','FA Boogaloo',Impact,Haettenschweiler,'Arial Narrow Bold',system-ui,sans-serif;
  --font-heading:'FA Lilita One','FA Luckiest Guy','FA Boogaloo',Impact,system-ui,sans-serif;
  --font-body:'FA Boogaloo',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-button:'FA Lilita One','FA Bowlby','FA Luckiest Guy',Impact,system-ui,sans-serif;
  --font-accent:'FA Bowlby','FA Bebas','FA Lilita One',Impact,system-ui,sans-serif;
  --font-play:'FA Chewy','FA Coiny','FA Boogaloo',system-ui,sans-serif;
}

html,body{
  font-family:var(--font-body)!important;
}
body,p,li,label,input,select,textarea,.lead,.copy-card p,.feature-tile p,.harvest-board p,.donation-card p,.form-panel p,.cart-summary p,.event-card p,.form-help,.site-footer p,.footer-cta span,.lightbox-count,.utility-copy p,.utility-copy li{
  font-family:var(--font-body)!important;
  letter-spacing:.005em;
}

h1,.hero h1,.page-hero h1{
  font-family:var(--font-rally)!important;
  letter-spacing:.015em;
  line-height:.86;
  text-transform:uppercase;
  text-wrap:balance;
  text-shadow:4px 4px 0 #050403, -1px -1px 0 rgba(255,246,223,.22);
}
h2,h3,.copy-card h2,.feature-tile h2,.harvest-board h2,.donation-card h2,.form-panel h2,.cart-summary h2,.event-card h2,.product-card h3,.utility-copy h2,.utility-grid h2,.mission-home h2,.coming-soon-band h2{
  font-family:var(--font-heading)!important;
  letter-spacing:.015em;
  line-height:.92;
  text-wrap:balance;
}

.site-nav a,.nav-toggle em,.button,.chip,.badge,.product-card .price,.cart-item button,.lightbox button,.auth-tabs button,.amount-grid button{
  font-family:var(--font-button)!important;
  letter-spacing:.035em;
}
.eyebrow,.produce-strip span,.utility-float a,.feature-tile span,.utility-grid span,.footer-cta strong,.brand-wordmark,.coming-soon-stamp,.movement-stat strong{
  font-family:var(--font-accent)!important;
  letter-spacing:.045em;
}

/* Playful garden accents without making the whole site chaotic. */
.produce-strip span:nth-child(2n),.feature-tile:nth-child(2n) span,.utility-grid a:nth-child(2n) span{
  font-family:var(--font-play)!important;
  letter-spacing:.02em;
}
.hero .lead,.page-hero .lead,.footer-cta span{
  font-size:clamp(1.2rem,2.2vw,1.55rem);
}
.brand-wordmark{
  font-size:clamp(1.55rem,4vw,2.8rem);
}

.button,.chip,.site-nav a,.utility-float a,.auth-tabs button{
  text-rendering:geometricPrecision;
}
.button,.chip{
  border:2px solid #050403;
}
.button:hover,.chip:hover,.site-nav a:hover,.site-nav a.active{
  letter-spacing:.045em;
}
.coming-soon-stamp{
  transform:rotate(-4deg);
}
input::placeholder,textarea::placeholder{
  font-family:var(--font-body)!important;
}
