/**
 * Shopsolute Elegant — default design tokens (CSS custom properties).
 * BO overrides are written to nfi-theme-tokens.css by nfitemplateeditor.
 */
@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Figtree:wght@400;500;600&display=swap");

:root {
  /* Brand / Bootstrap */
  --nf-primary: #7A542E;
  --nf-secondary: #a65d3a;
  --nf-info: #a65d3a;
  --nf-success: #4cbb6c;
  --nf-warning: #ff9a52;
  --nf-danger: #ff4c4c;

  --bs-primary: var(--nf-primary);
  --bs-secondary: var(--nf-secondary);
  --bs-info: var(--nf-info);
  --bs-success: var(--nf-success);
  --bs-warning: var(--nf-warning);
  --bs-danger: var(--nf-danger);
  --bs-primary-rgb: 122, 84, 46;
  --bs-secondary-rgb: 166, 93, 58;
  --bs-info-rgb: 166, 93, 58;
  --bs-success-rgb: 76, 187, 108;
  --bs-warning-rgb: 255, 154, 82;
  --bs-danger-rgb: 255, 76, 76;

  /* Typography & surfaces */
  --nf-body-color: #2a241f;
  --nf-body-background-color: #F7F5F3;
  --nf-border-color: rgba(42, 36, 31, 0.12);
  --nf-default-icon-color: #7A542E;
  --nf-font-family-base: "Figtree", sans-serif;
  --nf-font-size-base: 1rem;
  --nf-line-height-base: 1.5;

  --bs-body-color: var(--nf-body-color);
  --bs-body-bg: var(--nf-body-background-color);
  --bs-border-color: var(--nf-border-color);
  --bs-body-font-family: var(--nf-font-family-base);
  --bs-body-font-size: var(--nf-font-size-base);
  --bs-body-line-height: var(--nf-line-height-base);
  --bs-link-color: var(--nf-body-color);
  --bs-link-hover-color: var(--nf-secondary);

  /* Header */
  --nf-header-bg-custom: #ffffff;
  --nf-header-bg-top-custom: #C2B6A6;
  --nf-header-bg-bottom-custom: #ffffff;
  --nf-header-color-custom: #2a241f;
  --nf-header-color-top-custom: #2a241f;
  --nf-header-color-bottom-custom: #2a241f;
  --nf-header-accent-color: #7A542E;
  --nf-header-i-hover-color: #7A542E;
  --nf-header-block-badge-color: #ffffff;
  --nf-header-block-active-color: #7A542E;
  --nf-header-logo-columns: 3;

  /* Footer / deep */
  --nf-footer-background-color: #272f3f;
  --nf-footer-text-color: #ffffff;
  --nf-footer-border-color: #2f394d;
  --nf-newsletter-bg-color: #C2B6A6;
  --nf-copyright-link-color: #C2B6A6;
  --footer-background-color: var(--nf-footer-background-color);
  --footer-text-color: var(--nf-footer-text-color);

  /* Products */
  --nf-product-background-color: #ffffff;
  --nf-product-miniature-title: #7A542E;
  --nf-product-miniature-desc-max-length: 120;
  --nf-product-list-columns: 4;
  --nf-products-selection-bg-color: #ebe8e2;
  --nf-breadcrumb-bg: #ffffff;
  --nf-breadcrumb-pad-x: 1rem;
  --nf-panel-background-color: #ffffff;

  /* Category / menu */
  --nf-category-tree-link-color: #2a241f;
  --nf-category-tree-link-hover-color: #7A542E;
  --nf-menu-submenu-link-color: #2a241f;
  --nf-dropdown-link-color: #2a241f;

  /* Parent theme header hooks */
  --header-top-bg: var(--nf-header-bg-top-custom);
  --header-top-color: var(--nf-header-color-top-custom);
  --header-bg: var(--nf-header-bg-custom);
  --header-color: var(--nf-header-color-custom);
}

body {
  color: var(--nf-body-color);
  background-color: var(--nf-body-background-color);
  font-family: var(--nf-font-family-base);
  font-size: var(--nf-font-size-base);
  line-height: var(--nf-line-height-base);
}