---
---

@import "{{ site.theme }}";

/* === Full soft color override === */

/* Body: soft warm gray */
body {
  background-color: #f5f0eb !important;
  color: #3d3d3d !important;
}

/* Header: soft dark, not green */
.page-header {
  background-color: #3d3d3d !important;
  background-image: none !important;
  color: #e0ddd8 !important;
}

.page-header .project-name,
.page-header h1 {
  color: #f5f0eb !important;
}

.page-header .project-tagline {
  color: #b5b0a8 !important;
}

.page-header .btn {
  background-color: #6b6560 !important;
  color: #f5f0eb !important;
  border-color: #8a8580 !important;
}

.page-header .btn:hover {
  background-color: #8a8580 !important;
}

/* Main content: same soft tone */
.main-content,
main {
  background-color: #f5f0eb !important;
  color: #3d3d3d !important;
}

/* Headings: muted, not green */
.main-content h1, .main-content h2, .main-content h3,
.main-content h4, .main-content h5, .main-content h6,
main h1, main h2, main h3, main h4, main h5, main h6 {
  color: #4a4540 !important;
  border-bottom-color: #d8d3cd !important;
}

/* Code: soft */
.main-content code, main code {
  background-color: #ebe6e0 !important;
  color: #6b4c3b !important;
}

.main-content pre, main pre {
  background-color: #3d3d3d !important;
  color: #d8d3cd !important;
  border: 1px solid #5a5550 !important;
}

.main-content pre code, main pre code {
  background-color: transparent !important;
  color: #d8d3cd !important;
}

/* Tables: soft headers */
.main-content table th, main table th {
  background-color: #e5e0da !important;
  color: #4a4540 !important;
  border-color: #d8d3cd !important;
}

.main-content table td, main table td {
  border-color: #d8d3cd !important;
  color: #3d3d3d !important;
}

/* Links: muted blue */
.main-content a, main a {
  color: #5a7a8a !important;
}

.main-content a:hover, main a:hover {
  color: #7a9aaa !important;
}

/* Blockquotes */
.main-content blockquote, main blockquote {
  border-left-color: #b5b0a8 !important;
  background-color: #ebe6e0 !important;
  color: #5a5550 !important;
}

/* Horizontal rules */
.main-content hr, main hr {
  background-color: #d8d3cd !important;
}

/* Footer */
.site-footer {
  border-top-color: #d8d3cd !important;
  color: #8a8580 !important;
}

/* Strong/emphasis */
.main-content strong, main strong {
  color: #3d3d3d !important;
}