/* Mesma família de verde, com intensidade proporcional ao nível da navegação. */
:root {
  --nav-vivid: #9fea35;
  --nav-light: #e0f4c0;
  --nav-soft: #edf7df;
  --nav-selected: #dbeec3;
  --nav-ink: #1d280f;
  --nav-focus: #365c13;
}
.department-nav a {
  background: var(--nav-vivid);
  color: var(--nav-ink);
  border-color: transparent;
  transition: background-color 180ms ease-out, transform 180ms cubic-bezier(.22,1,.36,1);
}
.department-nav strong { font-weight: 750; letter-spacing: -.03em; }
.b2b-catalog-button strong { font-weight: 700; }
.department-nav a > .icon { color: var(--nav-vivid); background: var(--nav-ink); }
.department-nav a[aria-current] {
  background: var(--ink);
  color: var(--nav-vivid);
  border-color: var(--ink);
}
.department-nav a[aria-current] > .icon { color: var(--ink); background: var(--nav-vivid); }
.b2b-types { padding: 14px; border-radius: 16px; background: var(--nav-soft); }
.b2b-types > p { color: var(--nav-focus); font-weight: 600; }
.b2b-catalog-button, .b2b-category-chips button, .b2b-all-catalogs {
  background: var(--nav-soft);
  border-color: #dce8cc;
  color: var(--nav-ink);
  transition: background-color 150ms ease-out;
}
.b2b-catalog-button[aria-pressed=true], .b2b-category-chips button[aria-pressed=true], .b2b-all-catalogs[aria-pressed=true] {
  background: var(--nav-selected);
  color: var(--nav-ink);
  border-color: var(--nav-focus);
  box-shadow: inset 0 0 0 1px var(--nav-focus);
}
:is(.department-nav a, .b2b-catalog-button, .b2b-category-chips button, .b2b-all-catalogs):focus-visible {
  outline: 3px solid var(--nav-focus);
  outline-offset: 3px;
}
@media (hover:hover) and (pointer:fine) {
  .department-nav a:not([aria-current]):hover {
    border-color: transparent;
  }
  .b2b-catalog-button:not([aria-pressed=true]):hover, .b2b-category-chips button:not([aria-pressed=true]):hover, .b2b-all-catalogs:not([aria-pressed=true]):hover {
    background: var(--nav-light);
    border-color: var(--nav-focus);
  }
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .department-nav a:hover, .b2b-catalog-button:hover { transform: perspective(900px) rotateX(3deg) translateY(-2px); }
  .department-nav a:active, .b2b-catalog-button:active { transform: none; }
}
@media (prefers-reduced-motion:reduce) {
  .department-nav a, .b2b-catalog-button,
  .b2b-category-chips button, .b2b-all-catalogs { transition: none; }
}