/* Author Bio Card Styles */
/* These styles use CSS variables defined in app/views/application/_theme.html.erb */

/* Blog Title with gradient */
.blog-title {
  background: linear-gradient(90deg, var(--theme-text, #ffffff) 0%, var(--theme-link, #4a9eff) 50%, var(--theme-accent, #00d9ff) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1.2;
}

/* Blog Subtitle with gradient */
.blog-subtitle {
  background: linear-gradient(90deg, var(--theme-text, #ffffff) 10%, var(--theme-link, #4a9eff) 60%, var(--theme-green, #50fa7b) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  opacity: 0.85;
}

/* Author bio card with gradient border (inspired by Hyprland window borders) */
.author-bio-card {
  background: linear-gradient(135deg, var(--theme-black, #1a1a1a), var(--theme-background, #000000)) !important;
  border: 3px solid transparent !important;
  background-clip: padding-box !important;
  position: relative !important;
  padding: 1.5rem !important;
  border-radius: 0.5rem !important;
  margin-bottom: 3rem !important;
}

/* Gradient border effect using ::before pseudo-element */
.author-bio-card::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: -3px;
  border-radius: inherit;
  background: linear-gradient(45deg, var(--theme-accent, #00d9ff), var(--theme-green, #50fa7b));
}

/* Author name with accent color */
.author-bio-card .author-name {
  color: var(--theme-accent, #00d9ff) !important;
  font-weight: 600 !important;
  font-size: 0.875rem !important;
  margin-bottom: 0.5rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

/* Author bio text */
.author-bio-card .author-text {
  color: var(--theme-text, #ffffff) !important;
  opacity: 0.9 !important;
  font-size: 0.875rem !important;
  line-height: 1.5 !important;
}