/* Trakbound: marca sobre la interfaz de AFFiNE (login y cabecera). */
@font-face {
  font-family: "Inter Tight";
  src: url(/brand/fonts/InterTight-var.woff2) format("woff2");
  font-weight: 100 900;
  font-display: swap;
}
h1, h2 { font-family: "Inter Tight", Inter, system-ui, sans-serif; letter-spacing: -0.04em; }
h3 { font-family: "Inter Tight", Inter, system-ui, sans-serif; }

/* Cabecera del login: quitar los enlaces de AFFiNE y poner el logo oficial. */
div:has(> a[href^="https://affine.pro"]) { display: none !important; }
div:has(> a[href^="https://affine.pro"]) + button { display: none !important; }
div:has(> div > a[href^="https://affine.pro"]) > a[href="/"] {
  display: block;
  width: 150px;
  height: 28px;
  background: url(/brand/logo-horizontal.svg) left center / contain no-repeat;
}
div:has(> div > a[href^="https://affine.pro"]) > a[href="/"] > svg { opacity: 0; }
[data-theme=dark] div:has(> div > a[href^="https://affine.pro"]) > a[href="/"] {
  background-image: url(/brand/logo-horizontal-dark.svg);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]) div:has(> div > a[href^="https://affine.pro"]) > a[href="/"] {
    background-image: url(/brand/logo-horizontal-dark.svg);
  }
}
/* Tarjeta del login: sin el icono de AFFiNE junto al titular. */
p > svg.logo { display: none; }

/* Dentro de la app: icono de Trakbound en el workspace y sin la tarjeta de descarga de AFFiNE. */
[data-testid="workspace-avatar"] {
  background: #fff url(/brand/icon.svg) center / 74% no-repeat !important;
  box-shadow: inset 0 0 0 1px rgba(10, 10, 10, 0.12);
}
[data-testid="workspace-avatar"] > * { visibility: hidden !important; }
[data-theme=dark] [data-testid="workspace-avatar"] {
  background: #0a0a0a url(/brand/icon-white.svg) center / 74% no-repeat !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]) [data-testid="workspace-avatar"] {
    background: #0a0a0a url(/brand/icon-white.svg) center / 74% no-repeat !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
  }
}