:root{
  --daiu-green:#3D7A4E;
  --daiu-green-2:#2f6d46;
  --daiu-ink:#141414;
  --daiu-cream:#F5F0EB;
  --daiu-paper:#FBFAF3;
  --daiu-border:#E6E0D7;
}

/* Typography */
body{
  font-family:"Noto Serif", serif;
  color:var(--daiu-ink);
  background:var(--daiu-paper);
}
h1,h2,h3,h4{
  font-family:"Vollkorn", serif;
  letter-spacing:.2px;
}

/* Header & Footer */
.daiu-hero{
  background:var(--daiu-green);
  color:#fff;
}
/* Footer (match daiu.org) */
.daiu-footer{
  background: var(--daiu-ink);
  color: var(--daiu-paper);
}

.daiu-footer a{
  color: var(--daiu-paper);
  text-decoration: none;
}

.daiu-footer a:hover,
.daiu-footer a:focus-visible{
  text-decoration: underline;
}

.footer-logo{
  max-width: 120px;
  height: auto;
  display: block;
}

.footer-mission{
  margin-top: .75rem;
  opacity: .9;
  max-width: 52ch;
}

.footer-links li{
  margin-bottom: .35rem;
}

.footer-donate{
  border-radius: 6px;
  padding-left: 14px;
  padding-right: 14px;
}

.footer-spacer{
  height: 2.5rem;
}

.footer-license,
.footer-privacy{
  color: var(--daiu-paper);
}
/*
.cc-icon{
  height: 22px;
  margin-left: 4px;
  vertical-align: text-bottom;
}*/


/* Buttons – shared look for tabs and controls */
.btn-outline-secondary{
  background:#fff;
  color:#6c757d;
  border-color:#6c757d;
  margin-bottom: 10px;
}
.btn-outline-secondary:hover,
.btn-outline-secondary:focus-visible{
  background:#6c757d;
  color:#fff;
  border-color:#6c757d;
}

/* Selected / primary state */
.btn-daiu{
  background:var(--daiu-green);
  border-color:var(--daiu-green);
  color:#fff;
  margin-bottom: 10px;
}
.btn-daiu:hover,
.btn-daiu:focus-visible{
  background:var(--daiu-green-2);
  border-color:var(--daiu-green-2);
  color:#fff;
}

/* Make pill text readable when button is primary / hovered */
.btn-outline-secondary .tiny{
  color:#6c757d;
}
.btn-outline-secondary:hover .tiny,
.btn-outline-secondary:focus-visible .tiny{
  color:#fff;
}
.btn-daiu .tiny{
  color:#fdfdfd;
}


/* Cards & Pills */
.soft-card{
  border:1px solid var(--daiu-border);
  border-radius:1rem;
  background:var(--daiu-cream);
}
.pill{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  border:1px solid var(--daiu-border);
  border-radius:999px;
  padding:.25rem .65rem;
  background:#fff;
  font-size:.95rem;
  line-height:1;
}

/* Code blocks */
pre.code{
  background:#fff;
  border:1px solid var(--daiu-border);
  border-radius:.5rem;
  padding:.75rem;
  white-space:pre-wrap;
  word-break:break-word;
  font-size:.9rem;
}

/* AI level buttons – accessibility tweaks */

#level-buttons .btn:disabled{
  display:none;    /* hide invalid / disabled combinations */
}

/* Utilities */
.toolbar button{ margin-right:.5rem; }
.section-title{ font-weight:700; font-size:1.15rem; }
.copy-ok{ color:var(--daiu-green); font-weight:600; }
.tiny{ font-size:.9rem; color:#5f5f5f; }