/**
 * 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=Roboto:wght@400;700&display=swap");

:root {
  /* Brand / Bootstrap */
  --nf-primary: #22405e;
  --nf-secondary: #f39d72;
  --nf-info: #f39d72;
  --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: 34, 64, 94;
  --bs-secondary-rgb: 243, 157, 114;
  --bs-info-rgb: 243, 157, 114;
  --bs-success-rgb: 76, 187, 108;
  --bs-warning-rgb: 255, 154, 82;
  --bs-danger-rgb: 255, 76, 76;

  /* Typography & surfaces */
  --nf-body-color: #000000;
  --nf-body-background-color: #f6f6f6;
  --nf-border-color: #e3e2e2;
  --nf-default-icon-color: #6c868e;
  --nf-font-family-base: Roboto, 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);

  /* Header */
  --nf-header-bg-custom: #000000;
  --nf-header-bg-top-custom: #e3e2e2;
  --nf-header-bg-bottom-custom: #22405e;
  --nf-header-color-custom: #22405e;
  --nf-header-color-top-custom: #1d1d1d;
  --nf-header-color-bottom-custom: #ffffff;
  --nf-header-accent-color: #0d6efd;
  --nf-header-i-hover-color: #e3e2e2;
  --nf-header-block-badge-color: #1d1d1d;
  --nf-header-block-active-color: #ffffff;
  --nf-header-logo-columns: 3;

  /* Footer */
  --nf-footer-background-color: #16181b;
  --nf-footer-text-color: #ffffff;
  --nf-footer-border-color: #4a4a4a;
  --nf-newsletter-bg-color: #adb5bd;
  --nf-copyright-link-color: #adb5bd;
  --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: #22405e;
  --nf-product-miniature-desc-max-length: 120;
  --nf-product-list-columns: 4;
  --nf-products-selection-bg-color: #e3e2e2;
  --nf-breadcrumb-bg: #ffffff;
  /* white breadcrumb on gray body → side inset */
  --nf-breadcrumb-pad-x: 1rem;
  --nf-panel-background-color: #ffffff;

  /* Category / menu */
  --nf-category-tree-link-color: #333333;
  --nf-category-tree-link-hover-color: #22405e;
  --nf-menu-submenu-link-color: #000000;
  --nf-dropdown-link-color: #1d1d1d;
}

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);
}