/* =========================================================
   Priangan: Journal of Islamic Sundanese Culture
   Custom skin for the OJS 3 "Simple" theme
   Paste this whole file into:
   Settings > Website > Appearance > Setup > Additional CSS
   ========================================================= */

:root{
  --priangan-sage:        #7C9887;  /* cover background */
  --priangan-sage-dark:   #5E7A6A;  /* mid shade, hovers */
  --priangan-forest:      #37473D;  /* deep green, headings/footer */
  --priangan-cream:       #F6F7F3;  /* page background */
  --priangan-card:        #FFFFFF;
  --priangan-ink:         #2B332D;  /* body text */
  --priangan-line:        #DEE5DE;
  --priangan-gold:        #C9A45C;  /* kujang/star accent, used sparingly */
}

/* ---------- Static-page content wrapper ----------
   Every one of the 16 snippet pages is wrapped in
   <div class="priangan-page">...</div> so this skin only
   ever touches content we intentionally authored. */

.priangan-page{
  max-width: 760px;
  margin: 0 auto;
  font-family: "Source Serif Pro", Georgia, "Times New Roman", serif;
  color: var(--priangan-ink);
  line-height: 1.65;
}

.priangan-eyebrow{
  display:inline-block;
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-size: .78rem;
  letter-spacing: .08em;
  color: var(--priangan-sage-dark);
  background: rgba(124,152,135,.12);
  border: 1px solid rgba(124,152,135,.35);
  border-radius: 4px;
  padding: .2rem .55rem;
  margin-bottom: .6rem;
}

.priangan-page h1{
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-weight: 700;
  font-size: 1.9rem;
  color: var(--priangan-forest);
  margin: 0 0 1.1rem 0;
  padding-bottom: .6rem;
  border-bottom: 3px solid var(--priangan-sage);
}

.priangan-page h2{
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-size: 1.15rem;
  color: var(--priangan-forest);
  margin-top: 1.6rem;
}

.priangan-page p{ margin: 0 0 1rem 0; }

.priangan-page ul, .priangan-page ol{
  margin: 0 0 1.1rem 1.3rem;
  padding: 0;
}
.priangan-page li{ margin-bottom: .4rem; }

.priangan-page strong{ color: var(--priangan-forest); }

.priangan-card{
  background: var(--priangan-card);
  border: 1px solid var(--priangan-line);
  border-left: 4px solid var(--priangan-sage);
  border-radius: 6px;
  padding: 1rem 1.25rem;
  margin: 1.2rem 0;
}

.priangan-draft{
  background: #FBF3E4;
  border: 1px solid #E7CE9C;
  border-left: 4px solid var(--priangan-gold);
  border-radius: 6px;
  padding: .85rem 1.1rem;
  margin: 0 0 1.4rem 0;
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-size: .92rem;
  color: #5C4A22;
}
.priangan-draft strong{ color: #5C4A22; }