:root {
  --color-primary: #019df4;
  --color-secondary: #ffffff;
  --color-dark-blue: #0b2739;

  --color-accent-green-light: #bde4a4;
  --color-accent-green: #5cb615;
  --color-accent-green-dark: #3c7521;

  --color-accent-purple-light: #debce4;
  --color-accent-purple: #a13ea1;
  --color-accent-purple-dark: #642a72;

  --color-accent-magenta-light: #fbc7de;
  --color-accent-magenta: #e63780;
  --color-accent-magenta-dark: #922859;

  --color-accent-orange-light: #f8cccc;
  --color-accent-orange: #ec624b;
  --color-accent-orange-dark: #983230;

  --color-accent-yellow-light: #f8d2b3;
  --color-accent-yellow: #f28d15;
  --color-accent-yellow-dark: #9f591f;

  --color-gray-1: #f5f5f5;
  --color-gray-2: #d3d4d3;
  --color-gray-3: #b6b7b7;
  --color-gray-4: #86888c;
  --color-gray-5: #50535a;
  --color-gray-6: #313235;
}


.ap-modal.modal .ap-modal-wrapper .product-detail .product-name,
.ap-modal.modal .btn__back {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}