/* 차분한 그린 톤 & 우드 톤의 힐링 스타일 */
:root {
  --primary-green: #4f7942; /* Fern green */
  --secondary-green: #8fbc8f; /* Dark sea green */
  --dark-green: #2e4a26;
  --wood-brown: #8b5a2b;
  --light-wood: #d2b48c;
  --bg-color: #eef5ee;
  --text-color: #333333;
}

body {
  font-family: 'Noto Sans KR', sans-serif;
  background: linear-gradient(to bottom, #031D0E, #000000) !important;
  background-attachment: fixed !important;
  color: var(--text-color);
  min-height: 100vh;
}

/* Navbar */
.navbar-brand, .nav-link {
  color: #ffffff !important;
  font-weight: 500;
}

.nav-link:hover {
  color: var(--light-wood) !important;
}

/* Hero Section */
.hero-section {
  background: linear-gradient(rgba(46, 74, 38, 0.7), rgba(46, 74, 38, 0.7)), url('https://images.unsplash.com/photo-1469474968028-56623f02e42e?auto=format&fit=crop&w=1920&q=80') center/cover;
  color: white;
  padding: 150px 0;
  text-align: center;
}

.hero-title {
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 20px;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.hero-subtitle {
  font-size: 1.5rem;
  font-weight: 300;
}

/* Cards - dark glass effect for dark background */
.card {
  background: rgba(255, 255, 255, 0.07) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #e8e8e8 !important;
  backdrop-filter: blur(6px);
}

/* Post content card - white text for dark background */
.card.post-view-card {
  background: rgba(255, 255, 255, 0.07) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
}
.card.post-view-card .card-body,
.card.post-view-card .post-content,
.card.post-view-card .post-content p,
.card.post-view-card .post-content h1,
.card.post-view-card .post-content h2,
.card.post-view-card .post-content h3,
.card.post-view-card .post-content h4,
.card.post-view-card .post-content h5,
.card.post-view-card .post-content span,
.card.post-view-card .post-content li,
.card.post-view-card .post-content td,
.card.post-view-card .post-content div {
  color: #ffffff !important;
}
.card.post-view-card .text-muted {
  color: #cccccc !important;
}

.card-title {
  color: #a8d8a8 !important;
}

.card-text {
  color: #c0c0c0 !important;
}

.lead, p {
  color: #d8d8d8;
}

h2 {
  color: #a8d8a8 !important;
}

/* Footer */
footer {
  background-color: var(--dark-green);
  color: white;
  padding: 30px 0;
  margin-top: 50px;
}

/* 모바일 메뉴 위치 수정 */
@media (max-width: 767.98px) {
  nav.navbar .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
}