/* ColdIQ brand lockup — styles for templates/partials/_coldiq_brand.html.
   Uses existing Xtrius tokens only (--xt-signal #1B4FCE, --xt-ink, etc.). */
.coldiq-brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  line-height: 1;
}
.coldiq-brand--stacked { flex-direction: column; gap: 8px; }
a.coldiq-brand:hover { text-decoration: none; }

.coldiq-brand__tile {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--xt-signal);          /* #1B4FCE */
  color: var(--xt-paper-3, #fff);        /* mark = white (currentColor) */
  flex: none;
}
.coldiq-brand__mark { width: 62%; height: 62%; display: block; }

.coldiq-brand__word {
  font-family: var(--xt-font-display);   /* Source Serif 4 */
  font-weight: 600;
  color: var(--xt-ink);                  /* "Cold" */
  letter-spacing: -0.012em;
  white-space: nowrap;
}
.coldiq-brand--stacked .coldiq-brand__word { letter-spacing: -0.015em; }
.coldiq-brand__iq { font-style: italic; color: var(--xt-signal); }  /* "IQ" */

/* Trademark superscript on the wordmark (ColdIQ™). Small, muted, raised — does
   not affect the lockup's vertical rhythm. */
.coldiq-brand__tm {
  font-family: var(--xt-font-body);
  font-weight: 500;
  font-size: 0.5em;
  color: var(--xt-fg-3);
  vertical-align: super;
  margin-left: 2px;
}

/* Sizes: tile px + radius (~0.2×tile) + wordmark px */
.coldiq-brand--sm .coldiq-brand__tile { width: 36px; height: 36px; border-radius: 8px; }
.coldiq-brand--sm .coldiq-brand__word { font-size: 22px; }
.coldiq-brand--md .coldiq-brand__tile { width: 56px; height: 56px; border-radius: 12px; }
.coldiq-brand--md .coldiq-brand__word { font-size: 28px; }
.coldiq-brand--lg .coldiq-brand__tile { width: 80px; height: 80px; border-radius: 14px; }
.coldiq-brand--lg .coldiq-brand__word { font-size: 40px; }

/* Inverted (ink/dark surfaces — e.g. footer): paper tile, ink mark, paper
   "Cold", brighter signal-2 italic "IQ". */
.coldiq-brand--inverted .coldiq-brand__tile { background: var(--xt-paper); color: var(--xt-ink); }
.coldiq-brand--inverted .coldiq-brand__cold { color: var(--xt-paper); }
.coldiq-brand--inverted .coldiq-brand__iq { color: var(--xt-signal-2); }