:root {
  --lr-vault: #080b0d;
  --lr-ledger: #10181b;
  --lr-graphite: #253034;
  --lr-parchment: #f5f0e6;
  --lr-paper: #fffaf1;
  --lr-aged-brass: #c99a57;
  --lr-restored-gold: #f0c77f;
  --lr-oxide: #ad6d3f;
  --lr-patina: #6f827c;
  --lr-signal-rust: #ce6d54;
  --lr-display: "Libre Baskerville", Baskerville, Georgia, serif;
  --lr-body: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --lr-utility: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
  --lr-corner: 6px;
  --lr-rule: 1px solid color-mix(in srgb, var(--lr-aged-brass) 34%, transparent);
}

.lr-logo {
  display: block;
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
}

.lr-wordmark {
  display: inline-grid;
  gap: 2px;
  color: var(--lr-parchment);
  line-height: 1;
}

.lr-wordmark strong {
  font-family: var(--lr-display);
  font-size: 18px;
  font-weight: 600;
  letter-spacing: .01em;
  text-transform: none;
}

.lr-wordmark small {
  color: var(--lr-aged-brass);
  font-family: var(--lr-body);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}