/* Bubble Machine — sky blue + orange */

:root,
:root[data-theme='vivid'] {
  --theme-name: 'Bubble Machine';
  --_bg:             #e8f8ff;
  --_bg-soft:        #d0f0fc;
  --_surface:        #ffffff;
  --_surface-soft:   #f0fbff;
  --_surface-accent: #00c0e840;
  --_text:           #082030;
  --_text-soft:      #1a5070;
  --_primary:        #00b8e8;
  --_secondary:      #ff7010;
  --_highlight:      #30d4ff;
  --_promo:          #ff8c30;
  --_price-old:      #6a9ab0;
  --_pill-bg:        rgba(255, 255, 255, 0.80);
  --_input-bg:       rgba(255, 255, 255, 0.92);
  --_topbar-bg:      rgba(232, 248, 255, 0.95);
  --gradient-page:
    radial-gradient(circle at top center, rgba(0, 184, 232, 0.22), transparent 28%),
    radial-gradient(circle at 10% 20%, rgba(255, 112, 16, 0.18), transparent 22%),
    radial-gradient(circle at 88% 14%, rgba(48, 212, 255, 0.18), transparent 18%),
    linear-gradient(180deg, #e8f8ff 0%, #d0f0fc 100%);

  --color-green: rgb(22 163 74);
  --color-stock: #cc5000;
  --color-on-warning: #082030;
  --color-on-success: #ffffff;
}