:root {
  --ew-bg: #ECFDF5;
  --ew-surface: #FFFFFF;
  --ew-text: #064E3B;
  --ew-muted: #065F46;
  --ew-primary: #059669;
  --ew-accent: #EC4899;
  --ew-radius: 18px;
  --ew-shadow: 0 10px 30px rgba(2, 6, 23, 0.10);
  --ew-shadow-soft: 0 8px 20px rgba(2, 6, 23, 0.08);
  --ew-font-sans: "Space Grotesk", sans-serif;
  --ew-font-serif: "Merriweather", Georgia, serif;
}

body {
  background: var(--ew-bg) !important;
  color: var(--ew-text) !important;
  font-family: var(--ew-font-sans) !important;
}

a {
  color: var(--ew-primary) !important;
  text-decoration: none;
}
a:hover { color: var(--ew-accent) !important; }

.logo a {
  font-family: var(--ew-font-serif) !important;
  letter-spacing: .2px;
}

.home-page-header {
  background: radial-gradient(1200px 600px at 10% 0%, rgba(255,255,255,.85), rgba(255,255,255,.35)),
              linear-gradient(135deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%),
              linear-gradient(135deg, color-mix(in srgb, var(--ew-primary) 22%, transparent), color-mix(in srgb, var(--ew-accent) 18%, transparent));
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.main-header {
  backdrop-filter: blur(10px);
}

.header-menu .main-menu a {
  font-weight: 600;
}

.post-main-box {
  background: var(--ew-surface) !important;
  border-radius: var(--ew-radius) !important;
  box-shadow: var(--ew-shadow-soft) !important;
  border: 1px solid rgba(15, 23, 42, 0.07);
  overflow: hidden;
}

.post-main-box img {
  border-radius: calc(var(--ew-radius) - 6px);
}

.section-title a {
  font-family: var(--ew-font-serif) !important;
  color: var(--ew-text) !important;
}

.more-btn a, .read-more a, a.more-link {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .6rem 1rem;
  border-radius: 999px;
  background: var(--ew-primary) !important;
  color: white !important;
  border: none !important;
  box-shadow: var(--ew-shadow-soft);
}
.more-btn a:hover, .read-more a:hover, a.more-link:hover {
  background: var(--ew-accent) !important;
  transform: translateY(-1px);
}

.breadcrumbs {
  background: rgba(255,255,255,.6);
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 999px;
  padding: .35rem .8rem;
  display: inline-flex;
  gap: .35rem;
}

.entry-title {
  font-family: var(--ew-font-serif) !important;
  letter-spacing: .1px;
}

.entry-content {
  font-size: 1.05rem;
  line-height: 1.85;
}

.entry-content h2 {
  font-family: var(--ew-font-serif);
  margin-top: 1.6rem;
}

footer {
  border-top: 1px solid rgba(15, 23, 42, 0.08);
}
