:root{--dy-green:#0a4d3c;} body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;}
.navbar{background:var(--dy-green)!important}.logo{font-weight:700}.tagline{font-size:.95rem;opacity:.85}
.card-post img{max-width:100%;height:auto;border-radius:8px}.admin-bar{background:#07382c;color:#fff;padding:6px 10px;font-size:.9rem}
.footer{color:#777;font-size:.9rem;padding:20px 0}.btn-primary{background:var(--dy-green);border-color:var(--dy-green)}
textarea{min-height:140px}.comment{border-left:3px solid #ddd;padding-left:10px;margin:10px 0}



/* === Dollar Yell "money" palette overrides === */
:root {
  --dy-deep: #0b3d2e;
  --dy-forest: #1c5d43;
  --dy-green: #236b3c;
  --dy-sage: #8aa27b;
  --dy-cream: #f4f1de;
  --dy-gold: #c2a43a;
  --dy-teal: #4e7b6d;
  --dy-red: #b23a3a;

  --bs-primary: var(--dy-green);
  --bs-primary-rgb: 35, 107, 60;
  --bs-link-color: var(--dy-green);
  --bs-link-hover-color: #1b5a31;

  --bs-success: #2f6f3e;
  --bs-success-rgb: 47, 111, 62;

  --bs-info: var(--dy-teal);
  --bs-info-rgb: 78, 123, 109;

  --bs-warning: var(--dy-gold);
  --bs-warning-rgb: 194, 164, 58;

  --bs-danger: var(--dy-red);
  --bs-danger-rgb: 178, 58, 58;
}
.navbar-dy { background: linear-gradient(180deg, var(--dy-forest), var(--dy-deep)); }
.navbar-dy .navbar-brand, .navbar-dy .nav-link, .navbar-dy .navbar-text { color: #e6efe9 !important; }
.navbar-dy .nav-link:hover { color: #ffffff !important; }
.card-post { border-color: rgba(12,61,46,.18); box-shadow: 0 4px 16px rgba(12,61,46,.06); }
.badge-expired { background: #6c757d; }
.alert-currency { --bs-alert-bg: #eaf3ee; --bs-alert-color: #0b3d2e; --bs-alert-border-color: #cfe3d7; border-left: 4px solid var(--dy-green); }
.btn-outline-primary { border-color: var(--dy-green); color: var(--dy-green); }
.btn-outline-primary:hover { background: var(--dy-green); color: #fff; }
.article-body a { color: var(--dy-green); }
.article-body a:hover { color: #1b5a31; }
.h-dollar { color: var(--dy-green); }
.h-holler { color: #c0392b; }
/* Targeted money buttons (only where we opt in) */
.btn-money {
  background-color: var(--dy-green);
  border-color: var(--dy-green);
  color: #fff;
}
.btn-money:hover,
.btn-money:focus {
  background-color: #1b5a31;
  border-color: #1b5a31;
  color: #fff;
}
/* === Dollar Yell Money Buttons === */
.btn-money,
a.btn-money {
  background-color: var(--dy-green);
  border-color: var(--dy-green);
  color: #fff !important;
}

.btn-money:hover,
a.btn-money:hover,
.btn-money:focus,
a.btn-money:focus {
  background-color: #1b5a31 !important; /* darker green hover */
  border-color: #1b5a31 !important;
  color: #fff !important;
  text-decoration: none;
}

/* Outline variant for Account Settings links */
.btn-outline-money,
a.btn-outline-money {
  border-color: var(--dy-green);
  color: var(--dy-green) !important;
}

.btn-outline-money:hover,
a.btn-outline-money:hover,
.btn-outline-money:focus,
a.btn-outline-money:focus {
  background-color: var(--dy-green) !important;
  border-color: var(--dy-green) !important;
  color: #fff !important;
  text-decoration: none;
}
/* === Dollar Yell Index Link Styling === */
.card-post .card-title a {
  color: var(--dy-green);
  text-decoration: none;
  transition: color 0.2s ease;
}

.card-post .card-title a:hover {
  color: #1b5a31; /* darker green on hover */
  text-decoration: underline;
}
/* === Dollar Yell Pagination Styling === */
.pagination .page-link {
  color: var(--dy-green);
  border-color: var(--dy-green);
  background-color: #fff;
  transition: all 0.2s ease;
}

.pagination .page-link:hover {
  color: #fff;
  background-color: var(--dy-green);
  border-color: var(--dy-green);
  text-decoration: none;
}

.pagination .page-item.active .page-link {
  background-color: var(--dy-green);
  border-color: var(--dy-green);
  color: #fff;
  z-index: 1;
}

.pagination .page-item.disabled .page-link {
  color: #aaa;
  border-color: #ccc;
  background-color: #f9f9f9;
}
/* === Dollar Yell Footer Link Styling === */
footer a {
  color: var(--dy-green);
  text-decoration: none;
  transition: color 0.2s ease;
}

footer a:hover {
  color: #1b5a31; /* darker green */
  text-decoration: underline;
}
/* Inline green link for Submit references */
.money-link {
  color: var(--dy-green);
  text-decoration: underline;
  font-weight: 600;
}

.money-link:hover {
  color: #1b5a31;
  text-decoration: underline;
}
