@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;400;500&family=Inter:wght@400;500&display=swap");

#template-obsidian {
  font-family: "Inter", sans-serif;
  box-shadow: none;
}

#template-obsidian .link-bio-preview {
  background-color: #1f2228 !important;
  padding-top: 32px !important;
}

#template-obsidian .link-bio-preview:not(:has(.avatar)) {
  padding-top: 60px !important;
}

#template-obsidian .profile-info,
#template-obsidian .text {
  color: rgba(255, 255, 255, 0.9) !important;
}

#template-obsidian .profile-section span {
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow: none !important;
}

#template-obsidian .avatar > img {
  border-radius: 0px !important;
}

#template-obsidian .button {
  background-color: #ffffff !important;
  color: #1f2228 !important;
  border-radius: 0px !important;
  border: none !important;
  font-family: "Roboto Mono", monospace !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 1.4px !important;
  text-transform: uppercase !important;
  transition: background-color 0.2s;
}

#template-obsidian .button:hover {
  background-color: rgba(255, 255, 255, 0.88) !important;
  transform: none !important;
  opacity: 1 !important;
}

#template-obsidian .card {
  background-color: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  transition: border-color 0.2s;
}

#template-obsidian .card:hover {
  background-color: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

#template-obsidian .divider {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

#template-obsidian .icon-grid button {
  color: rgba(255, 255, 255, 0.7) !important;
  background-color: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 0px !important;
  transition: color 0.2s, border-color 0.2s;
}

#template-obsidian .icon-grid button:hover {
  color: #ffffff !important;
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  transform: none !important;
}

#template-obsidian .link-bio-footer {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  color: rgba(255, 255, 255, 0.3) !important;
}

/* Thumbnail fix — must come after all other .link-bio-preview rules */
#template-obsidian.template .link-bio-preview,
#template-obsidian.template .link-bio-preview:not(:has(.avatar)) {
  padding-top: 0 !important;
}