/* ==========================================================================
   FarmFresh — design tokens
   Palette sampled directly from the FarmFresh brand work
   (dionz.com/work/farmfresh): logo green, forest panels, mint sections,
   amber call-to-action, peach secondary.
   ========================================================================== */

:root {
  /* ---- Brand ----------------------------------------------------------
     Too Good To Go-inspired: deep bottle-green on warm cream, a fresh leaf
     accent, amber kept for the "deal / rescue price" energy.               */
  --brand:            #43C07E;   /* fresh leaf green / active cards       */
  --brand-600:        #37AE6F;
  --brand-700:        #2A9560;
  --forest:           #0B4C36;   /* deep green: footer, panels, buttons   */
  --forest-800:       #073525;
  --forest-600:       #15664A;   /* lighter panel                        */
  --forest-500:       #0F5A3F;   /* app chrome on mobile                 */

  --amber:            #F5921E;   /* RESERVE / ADD — the deal accent        */
  --amber-600:        #DD7D12;
  --amber-200:        #FBE6CC;   /* peach secondary button               */
  --gold:             #F0A500;   /* rating stars                         */
  --berry:            #E0564A;   /* SALE / urgency                       */

  /* ---- Surfaces ------------------------------------------------------
     Warm cream page, soft-green cards — the TGTG warmth.                 */
  --cream:            #FBF6EC;
  --mint:             #E4EFDD;   /* product cards, section fills         */
  --mint-100:         #EDF4E6;   /* light section background             */
  --mint-50:          #FBF6EC;   /* page background (warm cream)          */
  --sage:             #D2E2C8;   /* darker mint accent                   */
  --paper:            #FFFFFF;
  --paper-2:          #FCF8F1;   /* warm off-white                       */

  --bg:               var(--mint-50);
  --surface:          var(--paper);
  --surface-2:        var(--paper-2);
  --surface-sunken:   var(--mint-100);
  --card:             var(--paper);

  /* ---- Text ----------------------------------------------------------- */
  --ink:              #16261F;
  --ink-2:            #44564E;
  --ink-3:            #6B7D75;
  --ink-on-dark:      #FFFFFF;
  --ink-on-dark-2:    #CFE6DC;
  --heading:          var(--forest);

  /* ---- Lines & shadow -------------------------------------------------- */
  --line:             #E7E0D1;   /* warm hairline on cream               */
  --line-strong:      #D4CBB6;
  --focus:            #15664A;

  --shadow-xs:  0 1px 2px rgba(42, 34, 10, .05);
  --shadow-sm:  0 2px 10px rgba(42, 34, 10, .07);
  --shadow-md:  0 8px 24px rgba(42, 34, 10, .10);
  --shadow-lg:  0 20px 48px rgba(42, 34, 10, .16);

  /* ---- Type ------------------------------------------------------------ */
  --font-sans: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
               Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: "Fira Sans", "Nunito Sans", -apple-system, BlinkMacSystemFont,
               "Segoe UI", Roboto, sans-serif;

  --t-xs:   .75rem;   --t-sm:   .8125rem;  --t-base: .9375rem;
  --t-md:   1.0625rem;--t-lg:   1.25rem;   --t-xl:   1.5rem;
  --t-2xl:  1.875rem; --t-3xl:  2.375rem;  --t-4xl:  3rem;

  --lh-tight: 1.15;   --lh-snug: 1.35;     --lh-body: 1.6;

  /* ---- Space / radius -------------------------------------------------- */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px; --s-5: 20px;
  --s-6: 24px; --s-7: 32px; --s-8: 40px; --s-9: 56px; --s-10: 72px;

  --r-sm: 8px; --r-md: 12px; --r-lg: 20px; --r-xl: 28px; --r-pill: 999px;

  /* ---- Layout ---------------------------------------------------------- */
  --wrap: 1180px;
  --wrap-narrow: 840px;
  --announce-h: 34px;
  --header-h: 56px;
  --tabbar-h: 58px;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
  --safe-right: env(safe-area-inset-right, 0px);

  --ease: cubic-bezier(.33, .9, .35, 1);
  --dur: 180ms;
}

@media (min-width: 900px) {
  :root { --header-h: 72px; }
}

/* FarmFresh is a light-only theme. */