/* SORTSlink V2 wordmark — symbol, link suffix, and product name share --sortslink-accent */

.sortslink-mark {
  --sortslink-accent: var(--sortslink-teal);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: var(--sorts-font-brand);
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1;
  color: var(--sorts-ink);
}

.sortslink-mark--primary {
  --sortslink-accent: var(--sorts-blue);
}

.sortslink-mark--primary .sortslink-mark__link {
  color: var(--sortslink-teal);
}

.sortslink-mark--projects { --sortslink-accent: var(--sortslink-projects); }
.sortslink-mark--scan { --sortslink-accent: var(--sortslink-scan); }
.sortslink-mark--ledger { --sortslink-accent: var(--sortslink-ledger); }

.sortslink-mark--reverse {
  color: var(--sorts-white);
}

.sortslink-mark--reverse .sortslink-mark__sorts {
  color: var(--sorts-white);
}

.sortslink-mark--sm { font-size: 0.95rem; gap: 8px; }
.sortslink-mark--md { font-size: 1.15rem; }
.sortslink-mark--lg { font-size: 1.45rem; gap: 12px; }

.sortslink-mark__symbol {
  width: 1.55em;
  height: 1.55em;
  flex: none;
  color: var(--sortslink-accent);
}

.sortslink-mark--primary .sortslink-mark__symbol {
  color: var(--sorts-blue);
}

.sortslink-mark__word {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
}

.sortslink-mark__sorts {
  color: var(--sorts-ink);
}

.sortslink-mark__link,
.sortslink-mark__product {
  color: var(--sortslink-accent);
}

.sortslink-mark--primary .sortslink-mark__link {
  color: var(--sortslink-teal);
}

.sortslink-mark__product::before {
  content: "\00a0";
}

.sortslink-nav-mark img {
  display: block;
  height: 32px;
  width: auto;
}