/* Earthy, minimal enhancements */
:root{
  --olive-50:#f7f7f2; /* light parchment */
  --olive-100:#ece9df;
  --olive-200:#e0dbcc;
  --olive-300:#cfc7af;
  --olive-600:#6b705c;
  --olive-700:#4f553f;
}

.font-inter{font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}

body.bg-olive-50{background:var(--olive-50)}
.bg-olive-50{background:var(--olive-50)}
.bg-olive-600{background:var(--olive-600)}
.text-olive-50{color:#fbfbf7}

.btn{background:var(--olive-600);color:#fff;padding:0.55rem 0.9rem;border-radius:0.55rem;border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 0 rgba(0,0,0,.04);font-weight:600}
.btn:hover{background:var(--olive-700)}
.btn-secondary{background:rgba(107,112,92,.1);color:#2b2b2b;padding:0.55rem 0.8rem;border-radius:0.55rem;border:1px solid rgba(0,0,0,.06)}
.btn-secondary[aria-pressed="true"], .btn-secondary:focus{outline:2px solid var(--olive-300)}

.input{width:100%;padding:0.6rem 0.8rem;border-radius:0.55rem;border:1px solid #dad7cd;background:#fff}
.input:focus{outline:2px solid var(--olive-300)}

.card{background:#fff;border:1px solid #e7e5e4;border-radius:0.9rem;overflow:hidden;display:flex;flex-direction:column}
.card .meta{font-size:.8rem;color:#6b7280}
.card .title{font-weight:600}
.card .img-wrap{aspect-ratio:16/9;background:linear-gradient(45deg,#e9edc9,#dce1c0)}

.tag{background:#e9edc9;border:1px solid #d6dbc0;color:#475569;padding:.15rem .45rem;border-radius:999px;font-size:.75rem}

/* small animations */
.fade-in{animation:fade .25s ease-out}
@keyframes fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}