:root{
  --wiomn-chocolate:#3E2A1F;
  --wiomn-chocolate-dark:#2A1C13;
  --wiomn-chocolate-light:#6B4A36;
  --wiomn-green:#2E7D32;
  --wiomn-green-dark:#1B5E20;
  --wiomn-green-light:#A5D6A7;
  --wiomn-cream:#FBF7F1;
  --wiomn-sand:#E9DFCF;
}

html,body{font-family:'Inter',system-ui,sans-serif;color:#231a13;background:var(--wiomn-cream);}
h1,h2,h3,h4,h5,.brand-text{font-family:'Merriweather',serif;letter-spacing:.2px;}

a{color:var(--wiomn-green-dark);text-decoration:none;}
a:hover{color:var(--wiomn-green);text-decoration:underline;}

.wiomn-nav{background:var(--wiomn-chocolate);border-bottom:3px solid var(--wiomn-green);}
.wiomn-nav .nav-link{color:#f6efe5 !important;font-weight:500;}
.wiomn-nav .nav-link:hover{color:var(--wiomn-green-light) !important;}
.brand-mark{
  display:inline-block;font-family:'Merriweather',serif;font-weight:900;
  background:var(--wiomn-green);color:#fff;padding:.25rem .55rem;border-radius:.35rem;
  letter-spacing:1px;
}
.navbar-brand .brand-text{color:#fff;font-weight:700;}

.btn-leaf{background:var(--wiomn-green);color:#fff !important;border:0;font-weight:600;}
.btn-leaf:hover{background:var(--wiomn-green-dark);color:#fff !important;}
.btn-bark{background:var(--wiomn-chocolate);color:#fff !important;border:0;}
.btn-bark:hover{background:var(--wiomn-chocolate-dark);color:#fff !important;}
.btn-outline-leaf{border:1.5px solid var(--wiomn-green);color:var(--wiomn-green-dark);background:transparent;}
.btn-outline-leaf:hover{background:var(--wiomn-green);color:#fff;}
.btn-outline-bark{border:1.5px solid #d9cfc0;color:var(--wiomn-chocolate-dark);background:transparent;font-weight:500;}
.btn-outline-bark:hover{background:var(--wiomn-sand);color:var(--wiomn-chocolate-dark);}

/* Landing page — light header + hero matching the brand layout */
.landing-nav{background:var(--wiomn-cream);}
.landing-hero h1{color:var(--wiomn-chocolate-dark);font-weight:900;}
.landing-card{
  background:#fff;border:1px solid #ece4d6;border-radius:1rem;padding:1.5rem;
  box-shadow:0 12px 32px rgba(62,42,31,.06);
}

.hero{
  background:linear-gradient(135deg, rgba(42,28,19,.85), rgba(27,94,32,.85)),
             url('https://images.unsplash.com/photo-1597149950148-d6d8d10817ce?auto=format&fit=crop&w=1600&q=70') center/cover;
  color:#fff;padding:6rem 0 5rem;
}
.hero h1{font-size:clamp(2rem,4vw,3.4rem);font-weight:900;}
.hero .lead{max-width:720px;opacity:.92;}
.hero .stat{
  background:rgba(255,255,255,.08);backdrop-filter:blur(4px);
  border:1px solid rgba(255,255,255,.18);border-radius:.75rem;padding:1rem 1.25rem;
}

.section{padding:4rem 0;}
.section-title{position:relative;display:inline-block;margin-bottom:1.5rem;}
.section-title::after{content:"";display:block;width:64px;height:4px;background:var(--wiomn-green);margin-top:.5rem;border-radius:2px;}

.card-wiomn{
  border:0;border-top:4px solid var(--wiomn-green);border-radius:.6rem;
  box-shadow:0 8px 24px rgba(62,42,31,.06);background:#fff;
}
.card-wiomn .card-title{color:var(--wiomn-chocolate-dark);font-weight:700;}
.card-wiomn .meta{font-size:.825rem;color:var(--wiomn-chocolate-light);}

.tag{
  display:inline-block;font-size:.7rem;text-transform:uppercase;letter-spacing:.6px;
  background:var(--wiomn-sand);color:var(--wiomn-chocolate-dark);
  padding:.2rem .55rem;border-radius:1rem;font-weight:600;
}
.tag-green{background:var(--wiomn-green-light);color:var(--wiomn-green-dark);}

.wiomn-footer{background:var(--wiomn-chocolate-dark);color:#f6efe5;}
.wiomn-footer a{color:#cfe6c8;}
.wiomn-footer a:hover{color:#fff;}

.badge-pending{background:#f0ad4e;color:#fff;}
.badge-approved{background:var(--wiomn-green);color:#fff;}
.badge-rejected{background:#b94a48;color:#fff;}
.badge-expired{background:#777;color:#fff;}

.member-card{
  background:#fff;border-radius:.75rem;overflow:hidden;
  border-top:4px solid var(--wiomn-green);box-shadow:0 6px 18px rgba(0,0,0,.05);
}
.member-card .photo{
  width:96px;height:96px;border-radius:50%;object-fit:cover;
  border:3px solid var(--wiomn-green-light);margin-top:-48px;background:#eee;
}

.form-control:focus,.form-select:focus{
  border-color:var(--wiomn-green);box-shadow:0 0 0 .2rem rgba(46,125,50,.18);
}
.required label::after{content:" *";color:#b94a48;}

.id-card{
  width:340px;border-radius:1rem;overflow:hidden;
  background:linear-gradient(160deg,var(--wiomn-chocolate),var(--wiomn-chocolate-light));
  color:#fff;box-shadow:0 12px 32px rgba(0,0,0,.2);
}
.id-card .top{background:var(--wiomn-green);padding:.75rem 1rem;font-weight:700;letter-spacing:1px;}
.id-card .body{padding:1.25rem;display:flex;gap:1rem;align-items:center;}
.id-card .photo{width:84px;height:84px;border-radius:.5rem;object-fit:cover;background:#fff;}
.id-card .name{font-weight:700;font-size:1.05rem;}
.id-card .meta{font-size:.78rem;opacity:.85;}
.id-card .footer{padding:.6rem 1rem;background:rgba(0,0,0,.25);font-size:.7rem;display:flex;justify-content:space-between;}