:root {
  /* Color styles */
  --neutral-black: #000;
  --neutral-gray-900: #333;
  --neutral-gray-800: #3d3d3d;
  --neutral-gray-700: #555555;
  --neutral-gray-600: #7a7a7a;
  --neutral-gray-500: #8b8b8b;
  --neutral-gray-400: #9f9f9f;
  --neutral-gray-300: #c7c7c7;
  --neutral-gray-200: #ddd;
  --neutral-gray-100: #eee;
  --neutral-gray-50: #f7f7f7;
  --neutral-white: #fff;
  --neutral-opacity-black50: rgba(0, 0, 0, 0.5);
  --main-purple: #8538f9;
  --main-light-purple-bg: #f5eeff;
  --main-purple-2nd: #9148ff;
  --main-light-purple: #ae0bf3;
  --main-blue: #1b68ff;
  --main-gold: #db9f10;
  --main-textlink_clicked: #6a5885;
  --semantic-error-sale: #ff5c5a;
  --semantic-error-bg: #ffefef;
  --semantic-success: #00b981;
  --semantic-success-bg: #d9f6ed;
  --semantic-countdown: #fbff25;
  --semantic-coupon-blue: #0e8bb4cc;
  --semantic-gold: #c3a238;
  --semantic-maruko-orange: #f0832c;
  --semantic-velikoko-grey: #666464;
  --semantic-velikoko-pink: #e8bda9;
  --semantic-kesou-orange: #db643b;
  --semantic-dreni-pink: #e38695;
  --semantic-epos-red: #a5001e;
  --semantic-coupon-blue: #0e8bb8cc;
  --semantic-discount-bg: #ff5c5acc;
  --semantic-sale-bg: #ffffffcc;

  /* Effect styles */
  --elevation-drop-shadow-pc-item-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
  --elevation-drop-shadow-sp-item-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);
  --elevation-drop-shadow-large-shadow: 0px 0px 16px rgba(0, 0, 0, 0.25);
  --elevation-drop-shadow-icon-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  --elevation-drop-shadow-small-bottun: 0px 2px 4px rgba(0, 0, 0, 0.15);
  --elevation-drop-shadow-common-color-button: 0px 4px 6px rgba(0, 0, 0, 0.25);
  --elevation-drop-shadow-common-white-button: 0px 4px 6px rgba(0, 0, 0, 0.2);
}