@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root {
  --structor-ink: #07131d;
  --structor-ink-2: #0c1c28;
  --structor-paper: #f1f4f3;
  --structor-muted: #93a2aa;
  --structor-blue: #155df5;
  --structor-teal: #00b8a7;
  --structor-white: #f7faf8;
  --structor-line: rgba(202, 225, 228, .16);
  --sans: 'Manrope', Arial, sans-serif;
  --mono: 'DM Mono', monospace;
  --ink: var(--structor-ink);
  --ink2: var(--structor-ink-2);
  --paper: var(--structor-paper);
  --muted: var(--structor-muted);
  --mint: var(--structor-teal);
  --blue: var(--structor-blue);
  --white: var(--structor-white);
}

body { font-family: var(--sans); }
.closing-mark img { filter: none !important; }
.brand-wordmark {
  display: block;
  width: 164px;
  height: 55px;
  padding: 4px 6px;
  border-radius: 4px;
  background: #fff;
  object-fit: contain;
}
.footer .brand-wordmark,
.blog-footer .brand-wordmark {
  width: 136px;
  height: 45px;
}