/* =============================================
   CÍRCULO DE AUTORES — Variables globales
   ============================================= */

:root {
  --ca-crema:       #F5ECD7;
  --ca-tierra:      #C4956A;
  --ca-cafe:        #6B3F2A;
  --ca-verde:       #5C6B4A;
  --ca-tinta:       #2C1F14;
/* Sobreescribe la variable de Blogy */
  --accent-color:  #C4956A;
  --heading-color:  #5C6B4A;
  --nav-mobile-background-color:   #6B3F2A;
}

/* =============================================
   BLOGY — Sitio público
   ============================================= */

body.index-page,
body.blog-page,
body.autor-page {
  background-color: var(--ca-crema);
}

.header .search-form .form-control {
  background-color: var(--ca-crema) !important;
  color: var(--ca-tinta) !important;
  border-color: var(--ca-tierra) !important;
}

.header .search-form .form-control::placeholder {
  color: var(--ca-cafe) !important;
}

#header {
  background-color: var(--ca-tinta) !important;
}

.ca-logo {
  max-height: 80px !important;
  height: 80 !important;
}

.nav-wrap {
  background-color: var(--ca-cafe) !important;
}

#header .sitename {
  color: var(--ca-crema) !important;
}

.blog-details .hero-img {
  text-align: center;
}

.blog-details .hero-img img {
  width: auto !important;
  max-width: 100% !important;
}

/* Blog home — grid uniforme */
.blog-hero .blog-item,
.blog-hero .blog-item.featured,
.blog-hero .blog-item:not(.featured) {
  grid-column: span 4 !important;
}

@media (max-width: 991px) {
  .blog-hero .blog-item,
  .blog-hero .blog-item.featured,
  .blog-hero .blog-item:not(.featured) {
    grid-column: span 6 !important;
  }
}

@media (max-width: 768px) {
  .blog-hero .blog-item,
  .blog-hero .blog-item.featured,
  .blog-hero .blog-item:not(.featured) {
    grid-column: span 1 !important;
  }
}

/* Blog item sin imagen */
.blog-hero .blog-item.no-image {
  min-height: 180px;
  background-color: var(--ca-cafe);
}

.blog-hero .blog-item.no-image .blog-content {
  background: none;
}

#header .sitename span {
  color: var(--ca-tierra) !important;
}

.navmenu a {
  color: var(--ca-crema) !important;
}

.navmenu a:hover,
.navmenu a.active {
  color: var(--ca-tierra) !important;
}

.navmenu a.nav-cta {
  border: 1px solid var(--ca-tierra) !important;
  border-radius: 20px !important;
  padding: 5px 18px !important;
  color: var(--ca-crema) !important;
  transition: background-color 0.25s, color 0.25s;
}

.navmenu a.nav-cta:hover {
  background-color: var(--ca-tierra) !important;
  color: var(--ca-tinta) !important;
}

.btn-primary {
  background-color: var(--ca-cafe) !important;
  border-color: var(--ca-cafe) !important;
  color: var(--ca-crema) !important;
}

.btn-primary:hover {
  background-color: var(--ca-tierra) !important;
  border-color: var(--ca-tierra) !important;
}

.btn-outline-primary {
  color: var(--ca-cafe) !important;
  border-color: var(--ca-cafe) !important;
}

.btn-outline-primary:hover {
  background-color: var(--ca-cafe) !important;
  color: var(--ca-crema) !important;
}

.post-category {
  color: var(--ca-tierra) !important;
}

.section-title h2 {
  color: var(--ca-tinta) !important;
}

.description-title {
  color: var(--ca-tierra) !important;
}

footer {
  background-color: var(--ca-tinta) !important;
  color: var(--ca-crema) !important;
}

footer a {
  color: var(--ca-tierra) !important;
}

footer h4 {
  color: var(--ca-crema) !important;
}

/* =============================================
   LARKON — Panel de autores
   ============================================= */
[data-bs-theme="dark"] .btn-soft-primary {
  color: var(--accent-color) !important; 
}


.page-content {
  padding-top: 2em !important;
}

.page-content h4 {
  color: var(--ca-tinta) !important;
}

.navbar-custom {
  background-color: var(--ca-tinta) !important;
}

.leftside-menu {
  background-color: var(--ca-tinta) !important;
}

.side-nav .side-nav-link {
  color: var(--ca-crema) !important;
}

.side-nav .side-nav-link:hover,
.side-nav .side-nav-link.active {
  color: var(--ca-tierra) !important;
}

.btn-primary {
  background-color: var(--ca-cafe) !important;
  border-color: var(--ca-cafe) !important;
}

.btn-soft-primary {
  background-color: rgba(196, 149, 106, 0.15) !important;
  color: var(--ca-cafe) !important;
}

/* =============================================
   LARKON — Modo claro
   ============================================= */

[data-bs-theme="light"] {
  --bs-body-bg:          var(--ca-crema) !important;
  --bs-body-color:       var(--ca-tinta) !important;
  --bs-primary:          var(--ca-cafe) !important;
  --bs-primary-rgb:      107, 63, 42 !important;
    --bs-topbar-search-bg:     var(--ca-crema) !important;
  --bs-secondary-color:      var(--ca-tinta) !important;
  --bs-main-nav-item-color: var(--ca-crema) !important;
  --bs-topbar-item-color:  var(--ca-crema) !important;
  
}

[data-bs-theme="light"] .card {
  background-color: #FDF6E9 !important;
  border-color: var(--ca-tierra) !important;
}

[data-bs-theme="light"] .main-nav {
  background-color: var(--ca-tinta) !important;
}

[data-bs-theme="light"] .topbar {
  background-color: var(--ca-tinta) !important;
}

/* =============================================
   LARKON — Modo oscuro
   ============================================= */

[data-bs-theme="dark"] {
  --bs-body-bg:              #1A100A !important;
  --bs-body-color:           var(--ca-crema) !important;
  --bs-primary:              var(--ca-tierra) !important;
  --bs-primary-rgb:          196, 149, 106 !important;
  --bs-topbar-search-bg:     #2C1F14 !important;
  --bs-heading-color:        var(--ca-crema) !important;
  --bs-link-color-rgb:       196, 149, 106 !important;
  --bs-topbar-search-bg:     var(--ca-crema) !important;
  --bs-secondary-color:      var(--ca-crema) !important;
  --bs-main-nav-item-color: var(--ca-crema) !important;
  --bs-topbar-item-color:  var(--ca-crema) !important;
    --bs-link-color-rgb:  var(--ca-crema) !important;

}

[data-bs-theme="dark"] .card {
  background-color: #2C1F14 !important;
  border-color: rgba(196, 149, 106, 0.2) !important;
}

[data-bs-theme="dark"] .main-nav {
  background-color: #1A100A !important;
}

[data-bs-theme="dark"] .topbar {
  background-color: #1A100A !important;
}