/* Design tokens extracted from https://us-cigdepot.com/ :root + getComputedStyle */
:root {
  --popup_border_radius: 0px;
  --general_layout_width: 1200px;
  --general_layout_spacing: 0px;
  --button_border_radius: 6px;
  --full_container_padding: 10px;

  --page_background_color: #ffffff;
  --title_color: #121b17;
  --main_color: #121b17;
  --detail_color: #121b17;
  --buying_price_color: #d21936;
  --buying_parice_color: #d21936; /* source typo; keep for parity */
  --original_price_color: #999999;
  --discount_tag_bg: #ae2238;
  --discount_tag_color: #ffffff;
  --main_button_bg: #2c676a;
  --main_button_color: #ffffff;
  --secondary_button_bg: #ffffff;
  --secondary_button_color: #2c676a;

  --title_font_family: "Work Sans", sans-serif;
  --general_font_family: "Work Sans", sans-serif;
  --title_font_size: 30px;
  --general_font_size: 12px;
  --product_font_size: 16px;
  --big_product_font_size: 28px;
  --title_letter_spacing: 1px; /* live source is invalid "1pxpx"; use 1px */
  --nav_letter_spacing: 1px;
  --product_img_cut: cover;
  --title_font_style: normal;
  --title_font_weigth: 500;
  --title_font_weight: 500;
  --general_font_style: normal;
  --general_font_weigth: 400;
  --general_font_weight: 400;
  --general_line_height: 1.5;
  --wap_title_scale: 0.75;
  --title_margin_bottom_scale: 0.75;

  --color-main: var(--main_color, #1d1f21);
  --color-text-high: #333333;
  --color-text-medium: var(--main_color, #666666);
  --color-text-low: #888888;
  --assist-color: #ab6a00;
  --disable-color: #999999;
  --color-input-background: #f6f6f6;
  --color-input-placeholder: #bbbbbb;
  --color-divider: #dddddd;
  --color-header: #eeeeee;
  --color-table-header: #dddddd;
  --color-table-border: #eeeeee;
  --color-table-background: #f6f6f6;

  --nav-bg: #ffffff;
  --menu-color: #333333;
  --faq-bg: #f6f6f6;
  --faq-color: #1d1f21;
  --footer-bg: #2c676a;
  --footer-text: #ffffff;
  --icon-tile-bg: #e4ddc7;
  --star-fill: #f8ad6b;
  --star-empty: #bbbbbb;
  --cart-badge-bg: #222222;
  --overlay-dim: rgba(0, 0, 0, 0.3);
  --search-overlay: rgba(235, 235, 235, 0.5);
  --sku-border: #e8e8e1;
  --shadow-card: 0 10px 40px rgba(0, 0, 0, 0.08);
  --ease-smart: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

@font-face {
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/work-sans-400.woff2") format("woff2");
}

@font-face {
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/work-sans-500.woff2") format("woff2");
}