/* TurboFax — shared brand tokens & logo components */
:root {
  --tf-navy: #0b2d4f;
  --tf-navy-2: #08243f;
  --tf-blue: #1570c8;
  --tf-blue-2: #1a82e2;
  --tf-gold: #c9a044;
  --tf-gold-2: #e8c872;
  --tf-ink: #0f2742;
  --tf-muted: #5e6e85;
  --tf-line: #e7edf5;
  --tf-bg: #f4f7fb;
  --tf-surface: #ffffff;
  --tf-font: 'Inter', system-ui, Arial, sans-serif;
  --tf-display: 'Sora', 'Inter', system-ui, sans-serif;
  --tf-sh-md: 0 10px 30px rgba(8, 30, 60, 0.1);
}

.tf-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: inherit;
}

.tf-logo img,
.tf-logo svg {
  display: block;
  flex: 0 0 auto;
}

.tf-logo--mark img,
.tf-logo--mark svg {
  width: 38px;
  height: 38px;
}

.tf-logo--nav img,
.tf-logo--nav svg {
  width: 34px;
  height: 34px;
}

.tf-logo--full img,
.tf-logo--full svg {
  height: 40px;
  width: auto;
}

.tf-logo__text {
  display: flex;
  flex-direction: column;
  line-height: 1.05;
}

.tf-logo__name {
  font-family: var(--tf-display);
  font-weight: 800;
  font-size: 18px;
  letter-spacing: -0.02em;
}

.tf-logo__name .turbo { color: var(--tf-navy); }
.tf-logo__name .fax { color: var(--tf-blue); }

.tf-logo--on-dark .tf-logo__name .turbo,
.tf-logo--on-dark .tf-logo__name .fax { color: #fff; }

.tf-logo__tag {
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--tf-muted);
}

.tf-logo--on-dark .tf-logo__tag {
  color: rgba(255, 255, 255, 0.62);
}