/* ── KITA DESIGN TOKENS ── */
:root {
  --kita-green:       #3a6b4a;
  --kita-green-light: #d4e8da;
  --kita-terra:       #c4622d;
  --kita-terra-light: #f5ddd0;
  --kita-sun:         #e8a020;
  --kita-sun-light:   #fdefc8;
  --kita-cream:       #fdf6ec;
}

/* ── FONTS ── */
body { font-family: 'DM Sans', sans-serif; background: var(--kita-cream); }
.font-serif { font-family: 'Fraunces', serif; }

/* ── NAV ── */
.kita-nav {
  background: #fffdf8;
  border-bottom: 2px solid var(--kita-green-light);
}
.kita-nav .navbar-brand {
  font-family: 'Fraunces', serif;
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--kita-green);
}
.kita-nav .nav-link { color: #7a6a58; font-weight: 500; }
.kita-nav .nav-link:hover,
.kita-nav .nav-link.active { color: var(--kita-green); }

/* ── HERO ── */
.kita-hero { background: #fffdf8; }
.min-vh-75 { min-height: 75vh; }

/* ── BADGE / TAGS ── */
.kita-badge {
  background: var(--kita-sun-light);
  color: var(--kita-terra);
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  padding: 0.4rem 1rem;
  border-radius: 100px;
}
.kita-section-tag {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--kita-terra);
  margin-bottom: 0.5rem;
}

/* ── BUTTONS ── */
.btn-kita-primary {
  background: var(--kita-green);
  color: white;
  border: 2px solid var(--kita-green);
}
.btn-kita-primary:hover { background: #2f5a3d; color: white; border-color: #2f5a3d; }

.btn-kita-outline {
  background: transparent;
  color: var(--kita-green);
  border: 2px solid var(--kita-green);
}
.btn-kita-outline:hover { background: var(--kita-green); color: white; }

/* ── STATS ── */
.kita-stats { background: var(--kita-green); }
.stat-num { font-family: 'Fraunces', serif; font-size: 1.8rem; font-weight: 700; }
.stat-label { font-size: 0.82rem; opacity: 0.8; }

/* ── CARDS ── */
.kita-card { border-radius: 16px; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s; }
.kita-card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,0.1) !important; }

.kita-card-img {
  height: 180px;
  background-size: cover;
  background-position: center;
}
.kita-card-img-placeholder { background: var(--kita-green-light); }

.kita-date { font-size: 0.78rem; color: #7a6a58; margin-bottom: 0.4rem; }
.kita-read-more { font-size: 0.85rem; color: var(--kita-green); font-weight: 500; text-decoration: none; }
.kita-read-more:hover { text-decoration: underline; }

/* ── ICON BOX ── */
.kita-icon-box {
  width: 44px; height: 44px; flex-shrink: 0;
  background: var(--kita-green-light);
  border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.1rem;
}

/* ── TEAM AVATAR ── */
.kita-avatar {
  width: 68px; height: 68px;
  border-radius: 50%;
  background: var(--kita-sun-light);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.8rem;
  overflow: hidden;
}

/* ── POST BODY ── */
.kita-post-body { font-size: 1.05rem; line-height: 1.8; }
.kita-post-body h2 { font-family: 'Fraunces', serif; font-size: 1.4rem; margin: 2rem 0 0.75rem; }
.kita-post-body p { margin-bottom: 1.2rem; }
.kita-post-body ul { padding-left: 1.5rem; margin-bottom: 1.2rem; }

/* ── FOOTER ── */
.kita-footer { background: #2a2018; color: rgba(255,255,255,0.6); }
.kita-footer-link { color: rgba(255,255,255,0.5); text-decoration: none; }
.kita-footer-link:hover { color: white; }