@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@700;800&display=swap');

/**
 * SABO HUB — Shared brand wordmark (gradient text matching logo-mark.svg)
 * Tokens: design-system/sabohub/MASTER.md — indigo #4f46e5 · cyan #06b6d4
 */

:root {
  --brand-indigo: #4f46e5;
  --brand-cyan: #06b6d4;
  --brand-wordmark-fallback: #0f172a;
  --brand-wordmark-gradient: linear-gradient(135deg, var(--brand-indigo) 0%, var(--brand-cyan) 100%);
}

.brand-wordmark,
.brand .wordmark {
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  font-weight: 800;
  letter-spacing: -0.02em;
  font-size: clamp(26px, 2.4vw, 30px);
  line-height: 1;
  color: var(--brand-wordmark-fallback);
  background: var(--brand-wordmark-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.logo .brand-wordmark {
  font-size: clamp(26px, 2.4vw, 30px);
}

.brand-wordmark-hub {
  font-weight: 700;
  opacity: 0.88;
}

@supports not (background-clip: text) {
  .brand-wordmark,
  .brand .wordmark {
    background: none;
    -webkit-text-fill-color: unset;
    color: var(--brand-wordmark-fallback);
  }
}