:root {
  --zy-card-radius: 12px;
  --zy-card-shadow: 0 8px 24px rgba(31, 45, 61, 0.08);
  --zy-card-shadow-hover: 0 12px 32px rgba(31, 45, 61, 0.14);
  --zy-primary: #3b82f6;
}

body {
  background: #f6f8fb;
}

#aside-content .card-widget,
#recent-posts > .recent-post-item,
.layout > div:first-child:not(.recent-posts) {
  border-radius: var(--zy-card-radius);
  box-shadow: var(--zy-card-shadow);
  border: 1px solid rgba(148, 163, 184, 0.16);
}

#recent-posts > .recent-post-item {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

#recent-posts > .recent-post-item:hover {
  transform: translateY(-4px);
  box-shadow: var(--zy-card-shadow-hover);
}

#aside-content .card-info .author-info__name {
  font-weight: 700;
  letter-spacing: 0.02em;
}

#aside-content .card-info .author-info__description {
  color: #64748b;
  line-height: 1.7;
}

a,
#nav .site-page:hover,
#aside-content .card-tag-cloud a:hover,
#aside-content .aside-list > .aside-list-item .content > .title:hover {
  color: var(--zy-primary);
}

#pagination .page-number.current {
  background: var(--zy-primary);
  border-radius: 8px;
}

@media (max-width: 768px) {
  #recent-posts > .recent-post-item,
  #aside-content .card-widget {
    border-radius: 10px;
  }

  .layout {
    padding: 0 12px;
  }
}