/*
 * Canonical Zuzora company identity layer.
 * Approved from the public website direction on 2026-08-12.
 * Use this for Zuzora-owned websites, documents, decks, and company collateral.
 */

:root {
  --zuzora-brand-blue-50: #eef3ff;
  --zuzora-brand-blue-100: #dfe8ff;
  --zuzora-brand-blue-200: #b9cbff;
  --zuzora-brand-blue-300: #86a5ff;
  --zuzora-brand-blue-400: #4d79ff;
  --zuzora-brand-blue-500: #285ff2;
  --zuzora-brand-blue-600: #1857ed;
  --zuzora-brand-blue-700: #123e9d;
  --zuzora-brand-blue-800: #102f73;
  --zuzora-brand-blue-900: #0c2459;

  --zuzora-brand-primary: var(--zuzora-brand-blue-600);
  --zuzora-brand-primary-hover: var(--zuzora-brand-blue-700);
  --zuzora-brand-primary-soft: var(--zuzora-brand-blue-100);
  --zuzora-brand-primary-on-soft: var(--zuzora-brand-blue-700);
  --zuzora-brand-ink: #111318;
  --zuzora-brand-navy: #0c192c;
  --zuzora-brand-paper: #ffffff;
  --zuzora-brand-muted: #5f6878;

  --zuzora-font-sans: Geist, Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --zuzora-font-wordmark: "Avenir Next", "Segoe UI", Helvetica, Arial, sans-serif;
}

.zuzora-wordmark {
  display: inline-flex;
  align-items: flex-start;
  color: var(--zuzora-brand-ink);
  font-family: var(--zuzora-font-wordmark);
  font-size: 1.2rem;
  font-weight: 850;
  letter-spacing: -0.06em;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
}

.zuzora-wordmark::after {
  position: relative;
  top: -0.14em;
  margin-left: 0.08em;
  color: var(--zuzora-brand-primary);
  content: "\00b0";
  font-size: 0.72em;
  font-weight: 800;
  letter-spacing: 0;
}

.zuzora-wordmark--reversed {
  color: #ffffff;
}

.zuzora-wordmark--monochrome::after {
  color: currentColor;
}

@media (forced-colors: active) {
  .zuzora-wordmark::after {
    color: currentColor;
  }
}