@font-face {
  font-family: "Chronicle Display";
  src: url("/fonts/Chronicle_Display_Roman.otf");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

html:root {
  --primary: #c96a6c;

  --pink-100: #f2d6d6;
  --pink-300: #e0a2a3;
  --pink-500: #b34f51;

  --header-bg: var(--grey-0);
  --header-color: var(--grey-900);
  --header-border-color: var(--grey-100);
  --navigation-bg: var(--grey-0);
  --navigation-color: var(--grey-900);
  --navigation-menu-item-text-transform: capitalize;
  --navigation-menu-item-badge-bg: var(--pink-300);
  --navigation-menu-item-badge-color: var(--grey-0);

  --promotion-banner-bg: var(--pink-100);
  --promotion-banner-color: var(--pink-500);

  --footer-bg: var(--grey-0);
  --footer-title-color: var(--grey-700);
  --footer-color: var(--grey-400);
  --footer-social-icon-color: var(--grey-900);
  --footer-border-color: var(--grey-50);

  --google-btn-bg: #var(--grey-0);
  --google-btn-color: #0f0f0f;

  --product-item-add-to-cart-bg: #a80935;

  --hot-badge-bg: var(--accent-orange);
  --new-badge-bg: #a80935;
  --bestseller-badge-bg: var(--accent-orange);
  --new-badge-bg: #a80935;

  font-family: "Figtree", sans-serif;

  --section-title-font: "Chronicle Display", serif;
  --section-title-font-weight: 400;
  --section-title-text-transform: capitalize;
  --section-title-divider-color: var(--grey-50);
  --section-title-mobile-font-size: 1.25rem;

  --btn-border-radius: 0.5rem;
  --select-border-radius: 0.5rem;
  --single-select-border-radius: 0.315rem;
  --pagination-border-radius: 0.25rem;

  --featured-product-border-radius: 0.75rem;

  --category-radio-item-color: var(--primary);

  --selected-item-border-color: var(--primary);

  --favorite-icon-color: #a80935;

  --banner-border-radius: 0.75rem;
}