:root {
  --default-bg-main: #ffffff;
  --default-bg-soft: #f5f5f7;
  --default-bg-hover: #f0f0f0;
  --default-text-main: #333;
  --default-text-placeholder: #888;
  --default-accent: #007aff;

  --default-bg-cart-item: #f5f5f5;
  --default-text-cart: #000000;
  --default-sub-text: #888;
  --default-cart-header-color: #222;
  --default-cart-delete: #444;
  --default-cart-qty: #55555595;

  --default-cart-hr: 1px solid #ddd;;

  --default-bg-nm-bl: #000000;
  --default-text-nm-white: #FFFFFF;
  

}

[data-theme="dark"] {
  --default-bg-main: #1c1c1e;
  --default-bg-soft: #2c2c2e;
  --default-bg-hover: #3a3a3c;
  --default-text-main: #f5f5f7;
  --default-text-placeholder: #aaa;
  --default-accent: #007aff;

  --default-bg-cart-item: #3a3a3c;
  --default-text-cart: #FFFFFF;
  --default-sub-text: #ffffffbd;
  --default-cart-header-color: #FFFFFF;
  --default-cart-delete: #FFFFFF;
  --default-cart-qty: #ffffffbd;

  --default-cart-hr: 1px solid #8888884d;

  --default-bg-nm-bl: #FFFFFF;
  --default-text-nm-white: #000000;
}