/* === Hero (Cover-Block) === */
.hero-gradient{
  background: linear-gradient(180deg, #0f766e 0%, #0b1324 100%);
  color: #fff;
}
.hero-gradient .wp-block-buttons .wp-block-button__link{
  border-radius: 12px;
  padding: 12px 18px;
}
.hero-gradient .wp-block-search__input{
  border-radius: 14px;
  padding: 12px 16px;
}
.hero-gradient .wp-block-search__button{
  border-radius: 12px;
  padding: 12px 16px;
}

/* === Cards === */
.card{
  background: #fff;
  border: 1px solid rgba(2,6,23,.08);
  border-radius: 16px;
  padding: 20px;
  box-shadow: 0 6px 20px rgba(2,6,23,.06);
  transition: box-shadow .2s, transform .2s;
}
.card:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(2,6,23,.10);
}
.card .meta{ color:#64748b; font-size:.9rem; }

/* === Buttons === */
:root{
  --mergili-primary:#0f766e;
}
.wp-block-button__link,
button, .button, .ast-button{
  border-radius: 12px;
}
.is-style-fill>.wp-block-button__link, .ast-custom-button{
  background: var(--mergili-primary);
}

/* === Dark Mode (auto) === */
@media (prefers-color-scheme: dark){
  body{ background:#0a0a0a; color:#e5e7eb; }
  .card{ background:#0b0b0c; border-color:#1f2937; }
  .entry-content a{ color:#67e8f9; }
}

/* === Dark Mode (manual via data-theme="dark") === */
:root[data-theme="dark"] body{ background:#0a0a0a; color:#e5e7eb; }
:root[data-theme="dark"] .card{ background:#0b0b0c; border-color:#1f2937; }
:root[data-theme="dark"] a{ color:#67e8f9; }