:root,
:root[data-theme='green-modern'] {
  --theme-name: 'Green Modern';

  --_bg: #f0fdf4;
  --_bg-soft: #dcfce7;
  --_surface: #ffffff;
  --_surface-soft: #f7fff9;
  --_surface-accent: #22c55e1f;

  --_text: #102418;
  --_text-soft: #4b6353;

  --_primary: #16a34a;
  --_secondary: #0f766e;
  --_highlight: #22c55e;
  --_promo: #14b8a6;

  --_price-old: #94a3b8;

  --_pill-bg: rgba(22, 163, 74, 0.1);
  --_input-bg: rgba(22, 163, 74, 0.06);
  --_topbar-bg: rgba(240, 253, 244, 0.95);

  --gradient-page:
    radial-gradient(circle at top center, rgba(34, 197, 94, 0.14), transparent 30%),
    radial-gradient(circle at 10% 20%, rgba(20, 184, 166, 0.08), transparent 22%),
    radial-gradient(circle at 90% 15%, rgba(134, 239, 172, 0.2), transparent 18%),
    linear-gradient(180deg, #f0fdf4 0%, #dcfce7 100%);

  --color-green: rgb(22 163 74);
  --color-stock: #16a34a;
  --color-on-warning: #102418;
  --color-on-success: #ffffff;
}