/* global React */
// Hand-drawn produce glyphs + month-by-month seasonal data for California.
// Sourced from CA Department of Food & Agriculture seasonality guides
// and the Specialty Crop Block Grant produce calendar — adjusted for
// Southern California (warmer, citrus-heavy winter, longer stone-fruit summer).

// All glyphs are 64x64 viewBox. Use palette CSS vars so they tint with theme.
const G = {
  /* ---- Spring greens ---- */
  artichoke: <g><path d="M32 10 L18 28 L20 50 L32 60 L44 50 L46 28 Z" fill="var(--green)"/><g stroke="var(--green-d)" strokeWidth="0.9" fill="none">{[20,28,36,44].map((y,i)=><path key={i} d={`M${22+(i%2)*4} ${y} Q32 ${y-2} ${42-(i%2)*4} ${y}`}/>)}</g><path d="M32 10 L32 4" stroke="var(--green-d)" strokeWidth="1.4"/></g>,
  asparagus: <g>{[16,26,36,46].map((x,i)=><g key={i}><rect x={x-1.4} y={18+i%2*2} width="2.8" height={42-i%2*2} fill="var(--green)"/><path d={`M${x-3} ${18+i%2*2} L${x} ${10+i%2*2} L${x+3} ${18+i%2*2} Z`} fill="var(--green-d)"/></g>)}</g>,
  fava:      <g><path d="M14 30 Q14 18 22 18 Q32 18 32 28 Q32 38 22 38 Z" fill="var(--green)"/><path d="M28 36 Q28 24 36 24 Q50 24 50 38 Q50 50 38 50 Q28 50 28 36 Z" fill="var(--green)"/><circle cx="22" cy="28" r="3" fill="var(--cream-warm)"/><circle cx="40" cy="36" r="3" fill="var(--cream-warm)"/></g>,
  pea:       <g><path d="M14 36 Q32 12 50 36 Q32 60 14 36 Z" fill="var(--green)"/><circle cx="22" cy="38" r="4" fill="var(--cream-warm)"/><circle cx="32" cy="36" r="4.5" fill="var(--cream-warm)"/><circle cx="42" cy="38" r="4" fill="var(--cream-warm)"/></g>,
  rhubarb:   <g><rect x="20" y="20" width="4" height="36" fill="#c44d2e"/><rect x="30" y="16" width="4" height="40" fill="#c44d2e"/><rect x="40" y="22" width="4" height="34" fill="#c44d2e"/><path d="M22 20 Q14 8 8 16 Q12 6 22 6 Q26 12 24 20 Z" fill="var(--green)"/><path d="M32 16 Q22 4 16 10 Q22 0 36 4 Q40 10 36 16 Z" fill="var(--green)"/><path d="M42 22 Q34 10 30 16 Q34 4 48 8 Q52 16 46 22 Z" fill="var(--green)"/></g>,
  springOnion:<g><path d="M22 12 L28 22 L26 56 Q24 60 22 56 L20 22 Z" fill="var(--cream-warm)" stroke="var(--brown)" strokeWidth="0.9"/><path d="M28 22 L24 4 M26 22 L30 6 M22 22 L18 8" stroke="var(--green)" strokeWidth="2"/><path d="M40 14 L46 24 L44 56 Q42 60 40 56 L38 24 Z" fill="var(--cream-warm)" stroke="var(--brown)" strokeWidth="0.9"/><path d="M46 24 L42 6 M44 24 L48 8" stroke="var(--green)" strokeWidth="2"/></g>,
  lettuce:   <g><path d="M32 14 Q14 16 12 32 Q12 48 32 54 Q52 48 52 32 Q50 16 32 14 Z" fill="var(--green)"/><path d="M32 14 Q24 22 22 34 M32 14 Q40 22 42 34 M32 14 Q32 28 32 44" stroke="var(--green-d)" strokeWidth="1" fill="none" opacity="0.7"/><path d="M16 30 Q24 30 32 36 Q40 30 48 30" stroke="var(--cream-warm)" strokeWidth="1.2" fill="none" opacity="0.6"/></g>,
  chard:     <g><path d="M30 56 L28 22 Q24 10 32 6 Q40 10 36 22 L34 56 Z" fill="#c44d2e"/><path d="M32 8 Q14 14 14 32 Q22 28 32 24 Q42 28 50 32 Q50 14 32 8 Z" fill="var(--green)"/><path d="M22 16 Q32 22 42 16 M18 24 Q32 30 46 24" stroke="var(--green-d)" strokeWidth="0.8" fill="none" opacity="0.7"/></g>,
  kale:      <g><path d="M32 56 L32 24" stroke="var(--green-d)" strokeWidth="2"/><path d="M32 24 Q14 18 10 8 Q22 14 32 22 Q42 14 54 8 Q50 18 32 24 Z" fill="var(--green-d)"/><path d="M14 12 Q22 14 28 20 M50 12 Q42 14 36 20 M22 8 Q26 14 30 22 M42 8 Q38 14 34 22" stroke="var(--green)" strokeWidth="1" fill="none"/></g>,
  spinach:   <g><path d="M16 18 Q32 8 48 18 Q52 36 32 48 Q12 36 16 18 Z" fill="var(--green)"/><path d="M32 8 L32 48" stroke="var(--green-d)" strokeWidth="1"/><path d="M32 18 Q22 22 18 28 M32 18 Q42 22 46 28 M32 30 Q24 34 20 38 M32 30 Q40 34 44 38" stroke="var(--green-d)" strokeWidth="0.7" fill="none" opacity="0.6"/></g>,
  fennel:    <g><path d="M28 28 Q22 30 22 40 Q22 52 28 56 L36 56 Q42 52 42 40 Q42 30 36 28 Z" fill="var(--cream-warm)" stroke="var(--brown)" strokeWidth="1"/><path d="M28 28 L32 28 L36 28" stroke="var(--brown)" strokeWidth="0.8"/><g stroke="var(--green)" strokeWidth="1.4" fill="none">{[24,28,32,36,40].map((x,i)=><g key={i}><path d={`M${x} 28 L${x} 14`}/><path d={`M${x} 18 L${x-3} 12 M${x} 18 L${x+3} 12`}/></g>)}</g></g>,
  /* ---- Stone fruit / berries ---- */
  strawberry:<g><path d="M30 18 C18 18 12 30 18 50 C22 60 28 64 32 64 C36 64 42 60 46 50 C52 30 42 18 30 18 Z" fill="var(--terracotta)"/><path d="M22 18 L30 8 L38 18 L34 22 L26 22 Z" fill="var(--green)"/><g fill="var(--cream-warm)" opacity="0.9">{[[22,30],[34,32],[28,40],[36,46],[30,52]].map(([x,y],i)=><circle key={i} cx={x} cy={y} r="1.6"/>)}</g></g>,
  apricot:   <g><circle cx="32" cy="40" r="20" fill="#e8a838"/><path d="M32 22 C32 30 32 50 32 58" stroke="var(--terracotta)" strokeWidth="1.5" opacity="0.5" fill="none"/><path d="M28 16 Q32 12 36 16 L34 22 L30 22 Z" fill="var(--green)"/></g>,
  cherry:    <g><circle cx="22" cy="46" r="11" fill="#c44d2e"/><circle cx="42" cy="48" r="11" fill="#a13d22"/><path d="M22 35 Q26 22 36 14 M42 37 Q38 22 36 14" stroke="var(--brown)" strokeWidth="1.3" fill="none"/><path d="M30 14 Q36 8 44 12" stroke="var(--green)" strokeWidth="2" fill="none"/></g>,
  peach:     <g><circle cx="32" cy="38" r="22" fill="#e8a838"/><path d="M14 32 Q22 28 32 32 Q42 28 50 32" stroke="#c44d2e" strokeWidth="3" opacity="0.55" fill="none"/><path d="M32 16 C32 28 32 50 32 60" stroke="#a13d22" strokeWidth="1.2" opacity="0.45" fill="none"/><path d="M28 12 Q32 6 38 14 L34 18 L30 18 Z" fill="var(--green)"/></g>,
  nectarine: <g><circle cx="32" cy="38" r="22" fill="#c44d2e"/><circle cx="26" cy="32" r="14" fill="#e8a838" opacity="0.55"/><path d="M32 16 C32 28 32 50 32 60" stroke="var(--green-d)" strokeWidth="1.2" opacity="0.4" fill="none"/><path d="M28 12 Q32 6 38 14 L34 18 L30 18 Z" fill="var(--green)"/></g>,
  plum:      <g><circle cx="32" cy="38" r="20" fill="#5b3a6b"/><path d="M32 18 C32 30 32 50 32 58" stroke="#3a2245" strokeWidth="1.4" opacity="0.5" fill="none"/><path d="M22 26 Q28 22 36 26" stroke="#cab8d0" strokeWidth="1" opacity="0.7" fill="none"/><path d="M30 16 Q34 10 38 16 L36 20 L32 20 Z" fill="var(--green)"/></g>,
  fig:       <g><path d="M32 12 Q40 14 42 22 Q52 26 50 38 Q48 54 32 60 Q16 54 14 38 Q12 26 22 22 Q24 14 32 12 Z" fill="#5b3a6b"/><path d="M22 22 L26 14 L30 16 L34 12 L38 16 L42 22" fill="var(--green)"/><g fill="#cab8d0" opacity="0.7">{[[26,34],[34,30],[38,40],[28,44],[34,48]].map(([x,y],i)=><circle key={i} cx={x} cy={y} r="0.9"/>)}</g></g>,
  blueberry: <g><circle cx="22" cy="32" r="10" fill="#3a4a7b"/><circle cx="40" cy="28" r="11" fill="#3a4a7b"/><circle cx="32" cy="46" r="11" fill="#2a3a6b"/><circle cx="22" cy="32" r="2.4" fill="none" stroke="#1a2a5b" strokeWidth="0.8"/><circle cx="40" cy="28" r="2.6" fill="none" stroke="#1a2a5b" strokeWidth="0.8"/><circle cx="32" cy="46" r="2.6" fill="none" stroke="#1a2a5b" strokeWidth="0.8"/><g fill="#a8b4d8" opacity="0.55">{[[20,30],[38,26],[30,44]].map(([x,y],i)=><circle key={i} cx={x} cy={y} r="1.4"/>)}</g></g>,
  raspberry: <g><path d="M22 16 L30 8 L38 16 L34 20 L26 20 Z" fill="var(--green)"/><g fill="#c44d2e">{[[22,28],[32,26],[42,28],[26,36],[36,36],[24,46],[34,46],[42,42],[30,52]].map(([x,y],i)=><circle key={i} cx={x} cy={y} r="4.5"/>)}</g></g>,
  blackberry:<g><path d="M22 16 L30 8 L38 16 L34 20 L26 20 Z" fill="var(--green)"/><g fill="#2a1a3a">{[[22,28],[32,26],[42,28],[26,36],[36,36],[24,46],[34,46],[42,42],[30,52]].map(([x,y],i)=><circle key={i} cx={x} cy={y} r="4.5"/>)}</g><g fill="#5b3a6b" opacity="0.7">{[[22,27],[32,25],[42,27],[26,35],[36,35],[24,45],[34,45],[42,41],[30,51]].map(([x,y],i)=><circle key={i} cx={x} cy={y} r="1.3"/>)}</g></g>,
  loquat:    <g><circle cx="22" cy="44" r="9" fill="#e8a838"/><circle cx="40" cy="40" r="9" fill="#e8a838"/><circle cx="32" cy="52" r="8" fill="#e8a838"/><path d="M28 16 L32 20 L36 14 L34 22 L30 22 Z" fill="var(--green)"/><path d="M30 22 L26 36 M34 22 L40 32 M30 22 L32 44" stroke="var(--brown)" strokeWidth="1" opacity="0.5" fill="none"/></g>,
  /* ---- Citrus ---- */
  orange:    <g><circle cx="32" cy="36" r="22" fill="#cc6a1a"/><circle cx="32" cy="36" r="22" fill="none" stroke="#a85412" strokeWidth="0.7"/><g fill="none" stroke="#a85412" strokeWidth="0.6" opacity="0.5">{[0,1,2,3,4,5,6,7].map(i=><line key={i} x1="32" y1="36" x2={32+Math.cos(i*Math.PI/4)*22} y2={36+Math.sin(i*Math.PI/4)*22}/>)}</g><path d="M28 14 Q32 10 36 14 L34 18 L30 18 Z" fill="var(--green)"/></g>,
  mandarin:  <g><ellipse cx="32" cy="40" rx="22" ry="18" fill="#e8893a"/><ellipse cx="32" cy="40" rx="22" ry="18" fill="none" stroke="#a85412" strokeWidth="0.7"/><g fill="none" stroke="#a85412" strokeWidth="0.5" opacity="0.45">{[0,1,2,3,4,5,6,7].map(i=><line key={i} x1="32" y1="40" x2={32+Math.cos(i*Math.PI/4)*22} y2={40+Math.sin(i*Math.PI/4)*18}/>)}</g><path d="M26 22 L32 16 L38 22 L34 26 L30 26 Z" fill="var(--green)"/></g>,
  lemon:     <g><ellipse cx="32" cy="36" rx="14" ry="22" fill="#e8c838" transform="rotate(-18 32 36)"/><circle cx="22" cy="22" r="3" fill="#a88c20"/><circle cx="42" cy="50" r="3" fill="#a88c20"/></g>,
  grapefruit:<g><circle cx="32" cy="36" r="22" fill="#e89888"/><circle cx="32" cy="36" r="22" fill="none" stroke="#a85412" strokeWidth="0.7"/><g fill="none" stroke="#a85412" strokeWidth="0.5" opacity="0.4">{[0,1,2,3,4,5,6,7].map(i=><line key={i} x1="32" y1="36" x2={32+Math.cos(i*Math.PI/4)*22} y2={36+Math.sin(i*Math.PI/4)*22}/>)}</g><path d="M28 14 Q32 10 36 14 L34 18 L30 18 Z" fill="var(--green)"/></g>,
  /* ---- Summer / fall fruit & veg ---- */
  tomato:    <g><circle cx="32" cy="38" r="22" fill="#c44d2e"/><circle cx="32" cy="38" r="22" fill="none" stroke="#a13d22" strokeWidth="0.6"/><path d="M22 18 L24 28 L32 22 L40 28 L42 18 L36 14 L32 18 L28 14 Z" fill="var(--green)"/><circle cx="32" cy="20" r="2" fill="var(--green-d)"/><path d="M22 30 Q26 36 22 42" stroke="#e8a838" strokeWidth="1" fill="none" opacity="0.5"/></g>,
  cornCob:   <g><path d="M32 8 Q22 12 22 32 Q22 56 32 60 Q42 56 42 32 Q42 12 32 8 Z" fill="#e8c838"/><g fill="#c8a420" opacity="0.85">{[[26,16],[32,18],[38,16],[26,24],[32,26],[38,24],[26,32],[32,34],[38,32],[26,40],[32,42],[38,40],[26,48],[32,50],[38,48]].map(([x,y],i)=><circle key={i} cx={x} cy={y} r="2"/>)}</g><path d="M22 14 Q12 10 8 18 Q14 22 22 22 Z" fill="var(--green)"/><path d="M42 14 Q52 10 56 18 Q50 22 42 22 Z" fill="var(--green)"/><path d="M28 8 L24 0 M36 8 L40 0" stroke="var(--green)" strokeWidth="1.5"/></g>,
  melon:     <g><circle cx="32" cy="36" r="22" fill="#e8c890"/><g fill="none" stroke="var(--brown)" strokeWidth="0.7" opacity="0.7">{[0,1,2,3,4,5,6,7,8,9,10,11].map(i=><path key={i} d={`M${32+Math.cos(i)*8} ${36+Math.sin(i)*8} Q${32+Math.cos(i)*16} ${36+Math.sin(i*1.2)*18} ${32+Math.cos(i)*22} ${36+Math.sin(i)*22}`}/>)}</g><path d="M28 14 Q32 10 36 14 L34 18 L30 18 Z" fill="var(--green)"/></g>,
  watermelon:<g><path d="M10 50 Q32 8 54 50 Z" fill="#3d5a3d"/><path d="M14 48 Q32 14 50 48 Z" fill="#cae8b0"/><path d="M18 46 Q32 18 46 46 Z" fill="#c44d2e"/><g fill="#1a1a1a">{[[26,42],[30,38],[34,42],[36,30],[24,32],[40,38]].map(([x,y],i)=><ellipse key={i} cx={x} cy={y} rx="1" ry="1.6"/>)}</g></g>,
  pepper:    <g><path d="M22 22 Q14 30 16 44 Q22 58 32 58 Q42 58 48 44 Q50 30 42 22 Z" fill="#c44d2e"/><path d="M30 18 L26 10 L34 8 L38 14 L36 22" fill="var(--green)" stroke="var(--green-d)" strokeWidth="0.8"/><path d="M24 28 Q22 38 24 48" stroke="#a13d22" strokeWidth="1.2" fill="none" opacity="0.6"/></g>,
  eggplant:  <g><path d="M28 18 Q22 24 22 38 Q22 56 32 60 Q42 56 42 38 Q42 24 36 18 Z" fill="#5b3a6b"/><path d="M28 16 Q26 8 18 6 Q24 14 28 20 Z" fill="var(--green)"/><path d="M36 16 Q38 8 46 6 Q40 14 36 20 Z" fill="var(--green)"/><path d="M32 12 L32 22" stroke="var(--green-d)" strokeWidth="1.4"/><path d="M26 28 Q24 38 26 50" stroke="#cab8d0" strokeWidth="1" fill="none" opacity="0.5"/></g>,
  zucchini:  <g><rect x="10" y="28" width="44" height="14" rx="7" fill="var(--green)" transform="rotate(-12 32 35)"/><circle cx="14" cy="38" r="2" fill="var(--green-d)" transform="rotate(-12 32 35)"/><path d="M48 22 L52 16 L54 14" stroke="var(--green-d)" strokeWidth="1.4" fill="none"/></g>,
  squash:    <g><path d="M32 14 Q14 18 14 38 Q14 56 32 58 Q50 56 50 38 Q50 18 32 14 Z" fill="#cc6a1a"/><g fill="none" stroke="#a85412" strokeWidth="0.8" opacity="0.7">{[20,26,32,38,44].map((x,i)=><path key={i} d={`M${x} 16 Q${x-4+i*2} 36 ${x} 56`}/>)}</g><path d="M30 14 L28 6 L36 6 L34 14" fill="var(--green-d)"/></g>,
  pumpkin:   <g><ellipse cx="32" cy="40" rx="24" ry="20" fill="#cc6a1a"/><g fill="none" stroke="#a85412" strokeWidth="0.9" opacity="0.7">{[14,22,32,42,50].map((x,i)=><path key={i} d={`M${x} 22 Q${x-4+i*2} 40 ${x} 58`}/>)}</g><rect x="29" y="14" width="6" height="10" fill="var(--green-d)"/><path d="M30 14 Q36 6 42 12" stroke="var(--green)" strokeWidth="1.4" fill="none"/></g>,
  grape:     <g><path d="M22 18 L32 14 L42 18" stroke="var(--green)" strokeWidth="1.6" fill="none"/><g fill="#5b3a6b">{[[22,26],[30,26],[38,26],[18,34],[26,34],[34,34],[42,34],[22,42],[30,42],[38,42],[26,50],[34,50]].map(([x,y],i)=><circle key={i} cx={x} cy={y} r="4"/>)}</g><path d="M40 14 Q48 10 52 18" stroke="var(--green)" strokeWidth="1.2" fill="none"/></g>,
  apple:     <g><path d="M32 18 Q14 18 14 38 Q14 58 32 58 Q50 58 50 38 Q50 18 32 18 Z" fill="#c44d2e"/><path d="M30 18 L26 8 Q32 6 32 16" fill="var(--green-d)"/><path d="M32 16 Q40 6 46 10" stroke="var(--green)" strokeWidth="1.6" fill="none"/></g>,
  pear:      <g><path d="M32 10 Q24 10 22 18 Q18 24 18 34 Q18 54 32 58 Q46 54 46 34 Q46 24 42 18 Q40 10 32 10 Z" fill="#a8b860"/><path d="M30 10 Q34 4 38 6" stroke="var(--brown)" strokeWidth="1.4" fill="none"/></g>,
  persimmon: <g><circle cx="32" cy="38" r="20" fill="#cc6a1a"/><path d="M22 22 L26 16 L32 18 L38 16 L42 22 L38 24 L32 22 L26 24 Z" fill="var(--green-d)"/><path d="M32 18 L32 12" stroke="var(--brown)" strokeWidth="1.4"/></g>,
  pomegranate:<g><circle cx="32" cy="40" r="20" fill="#a13d22"/><path d="M28 22 L24 14 L32 18 L40 14 L36 22 L32 18 Z" fill="#75260f"/><path d="M16 36 Q24 32 32 36 Q40 32 48 36" stroke="#75260f" strokeWidth="0.7" fill="none" opacity="0.5"/><g fill="#e8a838" opacity="0.7">{[[26,38],[34,42],[38,36],[28,46]].map(([x,y],i)=><circle key={i} cx={x} cy={y} r="1.2"/>)}</g></g>,
  /* ---- Brassicas / roots / winter ---- */
  broccoli:  <g><path d="M22 30 Q14 24 18 14 Q22 8 32 12 Q42 8 46 14 Q50 24 42 30 L42 36 L22 36 Z" fill="var(--green)"/><g fill="var(--green-d)">{[[20,18],[26,14],[32,16],[38,14],[44,18],[24,24],[32,22],[40,24]].map(([x,y],i)=><circle key={i} cx={x} cy={y} r="3"/>)}</g><rect x="22" y="36" width="20" height="22" fill="#a8b860"/></g>,
  cauliflower:<g><path d="M22 30 Q14 24 18 14 Q22 8 32 12 Q42 8 46 14 Q50 24 42 30 L42 36 L22 36 Z" fill="var(--cream-warm)" stroke="var(--brown)" strokeWidth="0.6"/><g fill="#ede4d0">{[[20,18],[26,14],[32,16],[38,14],[44,18],[24,24],[32,22],[40,24]].map(([x,y],i)=><circle key={i} cx={x} cy={y} r="3"/>)}</g><path d="M22 36 Q22 30 18 28 M42 36 Q42 30 46 28 M32 36 Q32 28 32 24" stroke="var(--green)" strokeWidth="1.6" fill="none"/></g>,
  cabbage:   <g><circle cx="32" cy="36" r="22" fill="var(--green)"/><path d="M14 36 Q24 30 32 36 Q40 30 50 36" stroke="var(--cream-warm)" strokeWidth="1.4" fill="none"/><path d="M18 26 Q26 28 32 36 Q38 28 46 26" stroke="var(--green-d)" strokeWidth="1" fill="none"/><path d="M32 14 Q26 22 32 36 Q38 22 32 14" stroke="var(--cream-warm)" strokeWidth="1" fill="none" opacity="0.6"/></g>,
  brusselsSprouts:<g><rect x="30" y="6" width="4" height="54" fill="var(--green-d)"/>{[[18,18],[46,22],[18,34],[46,38],[18,50],[46,52]].map(([x,y],i)=><g key={i}><circle cx={x} cy={y} r="6" fill="var(--green)"/><path d={`M${x-4} ${y} Q${x} ${y+3} ${x+4} ${y}`} stroke="var(--green-d)" strokeWidth="0.8" fill="none"/></g>)}</g>,
  carrot:    <g><path d="M22 16 L42 16 L36 60 Z" fill="#cc6a1a"/><path d="M26 22 L34 24 M24 30 L32 32 M22 38 L30 40 M22 46 L28 48" stroke="#a85412" strokeWidth="0.8" opacity="0.6"/><path d="M22 16 L18 6 M28 16 L26 4 L22 8 M34 16 L36 4 L42 8 M38 16 L46 8" stroke="var(--green)" strokeWidth="2" fill="none"/></g>,
  beet:      <g><path d="M32 22 Q14 24 18 42 Q22 58 32 58 Q42 58 46 42 Q50 24 32 22 Z" fill="#75260f"/><path d="M28 22 L26 6 L20 10 M32 22 L32 4 M36 22 L42 6 L46 12" stroke="var(--terracotta)" strokeWidth="1.6" fill="none"/><path d="M22 8 Q26 16 28 22 M32 4 Q32 14 32 22 M44 10 Q40 18 36 22" stroke="var(--green)" strokeWidth="1.4" fill="none"/></g>,
  radish:    <g><circle cx="32" cy="42" r="16" fill="#c44d2e"/><path d="M22 50 Q30 56 24 60 M42 50 Q34 56 40 60" stroke="var(--cream-warm)" strokeWidth="1" fill="none"/><path d="M28 28 L22 16 L18 22 M32 26 L30 8 M36 28 L42 14 L46 20" stroke="var(--green)" strokeWidth="1.6" fill="none"/></g>,
  turnip:    <g><circle cx="32" cy="42" r="16" fill="var(--cream-warm)" stroke="var(--brown)" strokeWidth="1"/><path d="M16 36 Q26 30 32 30 Q38 30 48 36" stroke="#5b3a6b" strokeWidth="6" fill="none" opacity="0.85"/><path d="M28 26 L22 12 L18 18 M32 26 L30 8 M36 26 L42 12 L46 18" stroke="var(--green)" strokeWidth="1.6" fill="none"/></g>,
  potato:    <g><ellipse cx="32" cy="38" rx="22" ry="16" fill="#a8855a" transform="rotate(-12 32 38)"/><g fill="#5b4a2c">{[[24,32],[36,30],[40,42],[26,46]].map(([x,y],i)=><circle key={i} cx={x} cy={y} r="1.4"/>)}</g></g>,
  sweetPotato:<g><ellipse cx="32" cy="38" rx="24" ry="14" fill="#a85412" transform="rotate(-18 32 38)"/><g stroke="#75260f" strokeWidth="0.8" fill="none" opacity="0.55">{[14,22,30,38,46].map((x,i)=><path key={i} d={`M${x} 30 Q${x+2} 40 ${x+4} 50`}/>)}</g></g>,
  garlic:    <g><path d="M32 12 Q22 18 22 36 Q22 54 32 58 Q42 54 42 36 Q42 18 32 12 Z" fill="var(--cream-warm)" stroke="var(--brown)" strokeWidth="0.9"/><path d="M28 18 Q26 36 28 54 M36 18 Q38 36 36 54" stroke="var(--brown)" strokeWidth="0.7" fill="none" opacity="0.55"/><path d="M30 12 L28 4 M34 12 L36 4 M32 12 L32 2" stroke="var(--green-d)" strokeWidth="1.2"/></g>,
  onion:     <g><path d="M32 8 C26 16 22 18 22 28 C22 40 28 60 32 60 C36 60 42 40 42 28 C42 18 38 16 32 8 Z" fill="#a85412" stroke="#75260f" strokeWidth="0.8"/><path d="M22 28 Q32 22 42 28" stroke="#75260f" strokeWidth="0.6" fill="none"/><path d="M32 8 L32 0 M32 8 L24 0 M32 8 L40 0" stroke="var(--green)" strokeWidth="1.5"/></g>,
  leek:      <g><path d="M22 12 L26 22 L24 56 L20 56 L18 22 Z" fill="var(--cream-warm)" stroke="var(--brown)" strokeWidth="0.8"/><path d="M26 22 L22 8 M22 22 L18 6 M24 22 L26 4" stroke="var(--green)" strokeWidth="1.8"/><path d="M40 16 L44 26 L42 56 L38 56 L36 26 Z" fill="var(--cream-warm)" stroke="var(--brown)" strokeWidth="0.8"/><path d="M44 26 L40 12 M40 26 L36 10 M42 26 L46 8" stroke="var(--green)" strokeWidth="1.8"/></g>,
  /* ---- Herbs / sundries ---- */
  basil:     <g><path d="M32 56 L32 24" stroke="var(--green-d)" strokeWidth="1.4"/>{[[32,24,8,1],[28,30,7,-1],[36,30,7,1],[28,40,6,-1],[36,40,6,1],[30,48,5,-1],[34,48,5,1]].map(([x,y,r,d],i)=><ellipse key={i} cx={x+d*4} cy={y} rx={r+2} ry={r} fill="var(--green)" transform={`rotate(${d*30} ${x} ${y})`}/>)}</g>,
  walnut:    <g><circle cx="32" cy="36" r="20" fill="#a8855a"/><path d="M16 36 Q24 28 32 36 Q40 28 48 36" stroke="#5b4a2c" strokeWidth="1.2" fill="none"/><path d="M16 36 Q24 44 32 36 Q40 44 48 36" stroke="#5b4a2c" strokeWidth="1.2" fill="none"/><path d="M32 16 L32 56" stroke="#5b4a2c" strokeWidth="1.2"/></g>,
  honey:     <g><path d="M22 18 L42 18 L46 28 L42 58 L22 58 L18 28 Z" fill="#e8a838" stroke="#a85412" strokeWidth="1"/><rect x="22" y="22" width="20" height="6" fill="var(--cream-warm)" stroke="#a85412" strokeWidth="0.6"/><text x="32" y="44" textAnchor="middle" fontFamily="Cormorant Garamond, serif" fontStyle="italic" fontSize="14" fill="#75260f">honey</text></g>,
  egg:       <g><ellipse cx="32" cy="36" rx="14" ry="20" fill="var(--cream-warm)" stroke="var(--brown)" strokeWidth="1"/><circle cx="28" cy="30" r="2" fill="var(--brown)" opacity="0.35"/></g>,
};

// ----- Month-by-month seasonal data for Southern California -----
// Each entry: { name, glyph } — glyph keys map to G above.
// 10+ items per month so we can show 10 in the grid.

const MONTHS = [
  { name: "January", items: [
    { name: "Navel Oranges",   glyph: "orange" },
    { name: "Mandarins",       glyph: "mandarin" },
    { name: "Grapefruit",      glyph: "grapefruit" },
    { name: "Meyer Lemons",    glyph: "lemon" },
    { name: "Kale",            glyph: "kale" },
    { name: "Brussels Sprouts",glyph: "brusselsSprouts" },
    { name: "Cauliflower",     glyph: "cauliflower" },
    { name: "Leeks",           glyph: "leek" },
    { name: "Persimmons",      glyph: "persimmon" },
    { name: "Pomegranates",    glyph: "pomegranate" },
  ]},
  { name: "February", items: [
    { name: "Blood Oranges",   glyph: "orange" },
    { name: "Mandarins",       glyph: "mandarin" },
    { name: "Grapefruit",      glyph: "grapefruit" },
    { name: "Lemons",          glyph: "lemon" },
    { name: "Fennel",          glyph: "fennel" },
    { name: "Chard",           glyph: "chard" },
    { name: "Kale",            glyph: "kale" },
    { name: "Cabbage",         glyph: "cabbage" },
    { name: "Leeks",           glyph: "leek" },
    { name: "Cauliflower",     glyph: "cauliflower" },
  ]},
  { name: "March", items: [
    { name: "Asparagus",       glyph: "asparagus" },
    { name: "Artichokes",      glyph: "artichoke" },
    { name: "Snap Peas",       glyph: "pea" },
    { name: "Spring Onions",   glyph: "springOnion" },
    { name: "Fava Beans",      glyph: "fava" },
    { name: "Strawberries",    glyph: "strawberry" },
    { name: "Rhubarb",         glyph: "rhubarb" },
    { name: "Lettuce",         glyph: "lettuce" },
    { name: "Lemons",          glyph: "lemon" },
    { name: "Spinach",         glyph: "spinach" },
  ]},
  { name: "April", items: [
    { name: "Strawberries",    glyph: "strawberry" },
    { name: "Asparagus",       glyph: "asparagus" },
    { name: "Artichokes",      glyph: "artichoke" },
    { name: "Snap Peas",       glyph: "pea" },
    { name: "Fava Beans",      glyph: "fava" },
    { name: "Spring Onions",   glyph: "springOnion" },
    { name: "Cherries",        glyph: "cherry" },
    { name: "Rhubarb",         glyph: "rhubarb" },
    { name: "Lettuce",         glyph: "lettuce" },
    { name: "Radishes",        glyph: "radish" },
  ]},
  { name: "May", items: [
    { name: "Strawberries",    glyph: "strawberry" },
    { name: "Apricots",        glyph: "apricot" },
    { name: "Snap Peas",       glyph: "pea" },
    { name: "Spring Onions",   glyph: "springOnion" },
    { name: "Artichokes",      glyph: "artichoke" },
    { name: "Fava Beans",      glyph: "fava" },
    { name: "Asparagus",       glyph: "asparagus" },
    { name: "Loquats",         glyph: "loquat" },
    { name: "Cherries",        glyph: "cherry" },
    { name: "Lettuce",         glyph: "lettuce" },
  ]},
  { name: "June", items: [
    { name: "Cherries",        glyph: "cherry" },
    { name: "Peaches",         glyph: "peach" },
    { name: "Apricots",        glyph: "apricot" },
    { name: "Strawberries",    glyph: "strawberry" },
    { name: "Blueberries",     glyph: "blueberry" },
    { name: "Plums",           glyph: "plum" },
    { name: "Tomatoes",        glyph: "tomato" },
    { name: "Zucchini",        glyph: "zucchini" },
    { name: "Garlic",          glyph: "garlic" },
    { name: "Basil",           glyph: "basil" },
  ]},
  { name: "July", items: [
    { name: "Peaches",         glyph: "peach" },
    { name: "Nectarines",      glyph: "nectarine" },
    { name: "Plums",           glyph: "plum" },
    { name: "Blueberries",     glyph: "blueberry" },
    { name: "Raspberries",     glyph: "raspberry" },
    { name: "Blackberries",    glyph: "blackberry" },
    { name: "Tomatoes",        glyph: "tomato" },
    { name: "Sweet Corn",      glyph: "cornCob" },
    { name: "Melons",          glyph: "melon" },
    { name: "Basil",           glyph: "basil" },
  ]},
  { name: "August", items: [
    { name: "Tomatoes",        glyph: "tomato" },
    { name: "Peaches",         glyph: "peach" },
    { name: "Nectarines",      glyph: "nectarine" },
    { name: "Plums",           glyph: "plum" },
    { name: "Watermelon",      glyph: "watermelon" },
    { name: "Sweet Corn",      glyph: "cornCob" },
    { name: "Peppers",         glyph: "pepper" },
    { name: "Eggplant",        glyph: "eggplant" },
    { name: "Figs",            glyph: "fig" },
    { name: "Grapes",          glyph: "grape" },
  ]},
  { name: "September", items: [
    { name: "Grapes",          glyph: "grape" },
    { name: "Figs",            glyph: "fig" },
    { name: "Tomatoes",        glyph: "tomato" },
    { name: "Peppers",         glyph: "pepper" },
    { name: "Eggplant",        glyph: "eggplant" },
    { name: "Apples",          glyph: "apple" },
    { name: "Pomegranates",    glyph: "pomegranate" },
    { name: "Persimmons",      glyph: "persimmon" },
    { name: "Pears",           glyph: "pear" },
    { name: "Winter Squash",   glyph: "squash" },
  ]},
  { name: "October", items: [
    { name: "Apples",          glyph: "apple" },
    { name: "Pomegranates",    glyph: "pomegranate" },
    { name: "Persimmons",      glyph: "persimmon" },
    { name: "Pumpkins",        glyph: "pumpkin" },
    { name: "Winter Squash",   glyph: "squash" },
    { name: "Grapes",          glyph: "grape" },
    { name: "Pears",           glyph: "pear" },
    { name: "Walnuts",         glyph: "walnut" },
    { name: "Sweet Potatoes",  glyph: "sweetPotato" },
    { name: "Brussels Sprouts",glyph: "brusselsSprouts" },
  ]},
  { name: "November", items: [
    { name: "Persimmons",      glyph: "persimmon" },
    { name: "Pomegranates",    glyph: "pomegranate" },
    { name: "Mandarins",       glyph: "mandarin" },
    { name: "Pumpkins",        glyph: "pumpkin" },
    { name: "Winter Squash",   glyph: "squash" },
    { name: "Sweet Potatoes",  glyph: "sweetPotato" },
    { name: "Brussels Sprouts",glyph: "brusselsSprouts" },
    { name: "Cauliflower",     glyph: "cauliflower" },
    { name: "Kale",            glyph: "kale" },
    { name: "Turnips",         glyph: "turnip" },
  ]},
  { name: "December", items: [
    { name: "Navel Oranges",   glyph: "orange" },
    { name: "Mandarins",       glyph: "mandarin" },
    { name: "Persimmons",      glyph: "persimmon" },
    { name: "Pomegranates",    glyph: "pomegranate" },
    { name: "Brussels Sprouts",glyph: "brusselsSprouts" },
    { name: "Broccoli",        glyph: "broccoli" },
    { name: "Cauliflower",     glyph: "cauliflower" },
    { name: "Kale",            glyph: "kale" },
    { name: "Leeks",           glyph: "leek" },
    { name: "Winter Squash",   glyph: "squash" },
  ]},
];

window.PRODUCE_GLYPH = G;
window.MONTHS = MONTHS;
