/* Mesh Bag — lime green + teal mesh */

:root,
:root[data-theme='vivid'] {
  --theme-name: 'Mesh Bag';
  --_bg:             #edfaf6;
  --_bg-soft:        #ddf4ee;
  --_surface:        #ffffff;
  --_surface-soft:   #f2fcf8;
  --_surface-accent: #94cc1440;
  --_text:           #0e2820;
  --_text-soft:      #2e6050;
  --_primary:        #94cc14;
  --_secondary:      #3aaab8;
  --_highlight:      #b8e020;
  --_promo:          #50c0cc;
  --_price-old:      #6a8e88;
  --_pill-bg:        rgba(255, 255, 255, 0.78);
  --_input-bg:       rgba(255, 255, 255, 0.90);
  --_topbar-bg:      rgba(237, 250, 246, 0.94);
  --gradient-page:
    radial-gradient(circle at top center, rgba(148, 204, 20, 0.16), transparent 28%),
    radial-gradient(circle at 10% 20%, rgba(58, 170, 184, 0.16), transparent 22%),
    radial-gradient(circle at 88% 14%, rgba(184, 224, 32, 0.12), transparent 18%),
    linear-gradient(180deg, #edfaf6 0%, #ddf4ee 100%);

  --color-green: rgb(80 168 60);
  --color-stock: #2a8898;
  --color-on-warning: #0e2820;
  --color-on-success: #ffffff;
}