/* Kasa Başı's goods (design/kasa/kasa-basi-brief.md, section 7), drawn by agy, and the banana by
   Claude, on 2026-09-27 in the hero's style. Generated by art/foods/build.mjs: edit the drawings,
   not this file.

   The line is the hero's: heavy on the silhouette, lighter on details, none on shading. A spot
   is texture, never outlined, as the hero's rivets are. A shape that is only a line has no fill,
   since an unfilled SVG shape is painted black. */
.food path,
.food circle,
.food ellipse,
.food rect,
.food polygon {
  stroke: var(--food-line);
  stroke-width: 3.5;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.food .detail { stroke-width: 3; }
.food .thin { stroke-width: 2; }
.food .flat,
.food .spot { stroke: none; }
.food .line { fill: none; }
.food .shine { fill: none; stroke: var(--food-shine); stroke-width: 2; stroke-opacity: .55; }

/* The fills, by item and role. */
.food-apple .stem { fill: var(--food-apple-stem); }
.food-apple .leaf { fill: var(--food-apple-leaf); }
.food-apple .leaf-shade { fill: var(--food-apple-leaf-shade); }
.food-apple .body { fill: var(--food-apple-body); }
.food-apple .body-shade { fill: var(--food-apple-body-shade); }
.food-banana .stem { fill: var(--food-banana-stem); }
.food-banana .body { fill: var(--food-banana-body); }
.food-banana .body-shade { fill: var(--food-banana-body-shade); }
.food-orange .stem { fill: var(--food-orange-stem); }
.food-orange .leaf { fill: var(--food-orange-leaf); }
.food-orange .leaf-shade { fill: var(--food-orange-leaf-shade); }
.food-orange .body { fill: var(--food-orange-body); }
.food-orange .body-shade { fill: var(--food-orange-body-shade); }
.food-orange .spot { fill: var(--food-orange-spot); }
.food-lemon .body { fill: var(--food-lemon-body); }
.food-lemon .body-shade { fill: var(--food-lemon-body-shade); }
.food-lemon .spot { fill: var(--food-lemon-spot); }
.food-avocado .body { fill: var(--food-avocado-body); }
.food-avocado .flesh { fill: var(--food-avocado-flesh); }
.food-avocado .flesh-shade { fill: var(--food-avocado-flesh-shade); }
.food-avocado .spot { fill: var(--food-avocado-spot); }
.food-avocado .pit { fill: var(--food-avocado-pit); }
.food-tomato .body { fill: var(--food-tomato-body); }
.food-tomato .body-shade { fill: var(--food-tomato-body-shade); }
.food-tomato .stem { fill: var(--food-tomato-stem); }
.food-tomato .leaf { fill: var(--food-tomato-leaf); }
.food-tomato .leaf-shade { fill: var(--food-tomato-leaf-shade); }
.food-potato .body { fill: var(--food-potato-body); }
.food-potato .body-shade { fill: var(--food-potato-body-shade); }
.food-potato .spot { fill: var(--food-potato-spot); }
.food-onion .root { fill: var(--food-onion-root); }
.food-onion .body { fill: var(--food-onion-body); }
.food-onion .body-shade { fill: var(--food-onion-body-shade); }
.food-carrot .leaf { fill: var(--food-carrot-leaf); }
.food-carrot .leaf-shade { fill: var(--food-carrot-leaf-shade); }
.food-carrot .body { fill: var(--food-carrot-body); }
.food-carrot .body-shade { fill: var(--food-carrot-body-shade); }
.food-pepper .stem { fill: var(--food-pepper-stem); }
.food-pepper .body { fill: var(--food-pepper-body); }
.food-pepper .body-shade { fill: var(--food-pepper-body-shade); }
.food-cucumber .stem { fill: var(--food-cucumber-stem); }
.food-cucumber .body { fill: var(--food-cucumber-body); }
.food-cucumber .body-shade { fill: var(--food-cucumber-body-shade); }
.food-cucumber .spot { fill: var(--food-cucumber-spot); }
.food-egg .body { fill: var(--food-egg-body); }
.food-egg .body-shade { fill: var(--food-egg-body-shade); }
.food-milk .cap { fill: var(--food-milk-cap); }
.food-milk .pack { fill: var(--food-milk-pack); }
.food-milk .pack-shade { fill: var(--food-milk-pack-shade); }
.food-milk .label { fill: var(--food-milk-label); }
.food-cheese .body-shade { fill: var(--food-cheese-body-shade); }
.food-cheese .body { fill: var(--food-cheese-body); }
.food-cheese .flesh { fill: var(--food-cheese-flesh); }
.food-cheese .spot { fill: var(--food-cheese-spot); }
.food-bread .body { fill: var(--food-bread-body); }
.food-bread .body-shade { fill: var(--food-bread-body-shade); }
.food-bread .flesh { fill: var(--food-bread-flesh); }
.food-water .cap { fill: var(--food-water-cap); }
.food-water .pack { fill: var(--food-water-pack); }
.food-water .pack-shade { fill: var(--food-water-pack-shade); }
.food-water .label { fill: var(--food-water-label); }
.food-juice .pack { fill: var(--food-juice-pack); }
.food-juice .pack-shade { fill: var(--food-juice-pack-shade); }
.food-juice .cap { fill: var(--food-juice-cap); }
.food-juice .label { fill: var(--food-juice-label); }
.food-juice .body { fill: var(--food-juice-body); }
.food-juice .leaf { fill: var(--food-juice-leaf); }
.food-cheese-wheel .body { fill: var(--food-cheese-wheel-body); }
.food-cheese-wheel .body-shade { fill: var(--food-cheese-wheel-body-shade); }
.food-cheese-wheel .flesh { fill: var(--food-cheese-wheel-flesh); }
.food-cheese-wheel .flesh-shade { fill: var(--food-cheese-wheel-flesh-shade); }
.food-cheese-wheel .spot { fill: var(--food-cheese-wheel-spot); }