/* Light, newsprint viewer skin for The Etheris Times */

body {
  --navy-900: #f4f1e8;
  --navy-800: #f4f1e8;
  --navy-700: #e6e0d3;
  --gold: #14120e;
  --gold-soft: rgba(20, 18, 14, .34);
  --gold-faint: rgba(20, 18, 14, .06);
  --text: #14120e;
  --muted: #5b5548;
  background: #f4f1e8;
  color: #14120e;
}

.topbar {
  background: linear-gradient(180deg, rgba(244, 241, 232, .98), rgba(244, 241, 232, .9));
  border-bottom: 1px solid #14120e;
  color: #14120e;
  box-shadow: none;
}

.topbar::before {
  background: linear-gradient(90deg, transparent, #14120e, transparent);
  opacity: .45;
}

.brand-name { color: #14120e; }
.brand-place { color: #5b5548; }
.eyebrow { color: #5b5548; }
.doc-title { color: #14120e; font-family: Georgia, "Times New Roman", serif; }

.btn {
  border-color: rgba(20, 18, 14, .4);
  color: #14120e;
}

.btn:hover {
  background: rgba(20, 18, 14, .07);
  border-color: #14120e;
  color: #14120e;
}

.btn[aria-pressed="true"],
.btn-icon.is-active {
  background: #14120e;
  border-color: #14120e;
  color: #f4f1e8;
}

.viewer { background: #eee9de; }

.stage img {
  background: #fff;
  box-shadow:
    0 20px 50px -24px rgba(20, 18, 14, .5),
    0 0 0 1px rgba(20, 18, 14, .1);
}

.nav {
  background: rgba(244, 241, 232, .86);
  border-color: rgba(20, 18, 14, .25);
  color: #14120e;
}

.nav:hover {
  background: rgba(20, 18, 14, .08);
  border-color: #14120e;
}

.nav:disabled {
  background: rgba(244, 241, 232, .4);
}

.counter,
.viewer-back {
  background: rgba(244, 241, 232, .88);
  border-color: rgba(20, 18, 14, .22);
  color: #14120e;
}

.counter-total { color: #5b5548; }

.viewer-back:hover {
  color: #000;
  border-color: #14120e;
}

.rail {
  background: #f4f1e8;
  border-top: 1px solid #14120e;
}

.thumb {
  background: #e1dbcc;
  opacity: .62;
}

.thumb:hover { opacity: .85; }

.thumb[aria-current="page"] {
  border-color: #14120e;
  box-shadow:
    0 0 0 1px rgba(20, 18, 14, .3),
    0 10px 22px -14px rgba(20, 18, 14, .7);
}

.drawer-panel {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .35), transparent 180px),
    #f4f1e8;
  color: #14120e;
  box-shadow: -24px 0 70px rgba(20, 18, 14, .28);
}

.drawer-eyebrow { color: #5b5548; }
.drawer-panel h2 { color: #14120e; }
.drawer-panel h2::after { background: #14120e; }
.drawer-body { color: #2a261e; }

.drawer-close {
  border-color: rgba(20, 18, 14, .25);
  color: #14120e;
}

.drawer-close:hover {
  background: rgba(20, 18, 14, .06);
  border-color: #14120e;
}

.drawer-note {
  border-top-color: rgba(20, 18, 14, .16);
  color: #5b5548;
}

.drawer-link a {
  color: #14120e;
  border-bottom-color: rgba(20, 18, 14, .35);
}

.drawer-link a:hover { color: #000; }

.noscript {
  background: #f4f1e8;
  color: #14120e;
}

.noscript a { color: #14120e; }