/* Dorsal Brand 0.2.0 — generado; editar src/brand.json */
:root {
  --dorsal-ink: #202b23;
  --dorsal-background: #f1efe8;
  --dorsal-paper: #faf9f5;
  --dorsal-accent: #d3ee57;
  --dorsal-line: #d5d6cb;
  --dorsal-slash-on-light: #58741f;
  --dorsal-slash-on-dark: #d3ee57;
  --dorsal-family: "Dorsal Brand Inter", sans-serif;
  --dorsal-brand-weight: 700;
  --dorsal-product-weight: 300;
  --dorsal-slash-weight: 300;
  --dorsal-size: 2rem;
  --dorsal-compact-size: 1.25rem;
  --dorsal-line-height: 1.2;
  --dorsal-letter-spacing: -0.035em;
  --dorsal-gap: 0.22em;
}
@font-face {
  font-family: "Dorsal Brand Inter";
  src: url("./fonts/inter-latin-300-normal-be0276550393.woff2") format("woff2");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Dorsal Brand Inter";
  src: url("./fonts/inter-latin-700-normal-6f56409fd3d6.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
.dorsal-wordmark {
  display: inline-flex;
  align-items: baseline;
  gap: var(--dorsal-gap);
  color: var(--dorsal-ink);
  font-family: var(--dorsal-family);
  font-size: var(--dorsal-size);
  line-height: var(--dorsal-line-height);
  letter-spacing: var(--dorsal-letter-spacing);
  font-style: normal;
  font-synthesis: none;
  text-decoration: none;
  text-transform: none;
  white-space: nowrap;
  flex-shrink: 0;
  padding-block: 0.125em;
}
.dorsal-wordmark__brand { font-weight: var(--dorsal-brand-weight); }
.dorsal-wordmark__product { font-weight: var(--dorsal-product-weight); }
.dorsal-wordmark__slash { font-weight: var(--dorsal-slash-weight); color: var(--dorsal-slash-on-light); }
.dorsal-wordmark--dark { color: var(--dorsal-paper); }
.dorsal-wordmark--dark .dorsal-wordmark__slash { color: var(--dorsal-slash-on-dark); }
.dorsal-wordmark--compact { font-size: var(--dorsal-compact-size); }
.dorsal-wordmark:focus-visible { outline: 3px solid var(--dorsal-slash-on-light); outline-offset: 5px; }
.dorsal-wordmark--dark:focus-visible { outline-color: var(--dorsal-slash-on-dark); }
@media (forced-colors: active) {
  .dorsal-wordmark, .dorsal-wordmark__slash { color: LinkText; }
  .dorsal-wordmark:focus-visible { outline-color: Highlight; }
}