/* Coda: white + mint scheme. Loaded after theme-orange.css and custom.css. */
:root {
  --coda-bg: #ffffff;
  --coda-ink: #1d2b27;
  --coda-muted: #6f817b;
  --coda-line: #dcefe7;
  --coda-mint: #3eb489;
  --coda-mint-deep: #1f8a66;
  --coda-mint-dark: #176e51;
  --coda-mint-soft: #eaf7f1;
}

html, body {
  background: var(--coda-bg) !important;
  color: var(--coda-ink) !important;
}

h4.mb16 { color: var(--coda-mint-deep) !important; }
h5 { color: var(--coda-ink) !important; }

input {
  background-color: var(--coda-bg) !important;
  color: var(--coda-ink) !important;
  border: 2px solid var(--coda-mint) !important;
  border-radius: 6px;
}
input:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--coda-mint-soft);
}

.btn, .btn-filled, .btn-blue, .btn-green, .btn-search, .btn-nav {
  background: var(--coda-mint-deep) !important;
  border-color: var(--coda-mint-deep) !important;
  color: #fff !important;
}
.btn:hover, .btn-filled:hover, .btn-blue:hover, .btn-green:hover {
  background: var(--coda-mint-dark) !important;
  border-color: var(--coda-mint-dark) !important;
}

a { color: var(--coda-mint-deep); }

/* Tab bar: one compact row, the active tab is the page title */
.coda-tabs {
  display: flex;
  gap: 4px;
  margin: 8px 0 0;
  padding: 4px;
  background: var(--coda-mint-soft);
  border-radius: 10px;
}
.coda-tab {
  flex: 1;
  text-align: center;
  padding: 10px 0;
  border-radius: 7px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--coda-mint-deep) !important;
}
.coda-tab:hover { background: #fff; text-decoration: none; }
.coda-tab.is-active,
.coda-tab.is-active:hover {
  background: var(--coda-mint-deep);
  color: #fff !important;
}
.coda-tab-count { opacity: .7; font-weight: 400; }