/* Colour study: soft blue-grey, ink blue and muted blue accents. Layout stays in editorial.css. */
body.editorial-proposal {
  --paper:#eef3f6;
  --white:#fbfdff;
  --ink:#213b50;
  --green:#2d4d66;
  --muted:#4f6373;
  --rule:#afc0cd;
  --sage:#dfe9f0;
  --gold:#3f6686;
  --sand:#dfe9f0;
}
body.editorial-proposal ::selection { background:#c8dce9; color:var(--ink); }
body.editorial-proposal a:hover,
body.editorial-proposal .thought summary:hover h3 { color:#294d69; }
body.editorial-proposal .preview-note { background:#dde7ee; color:var(--muted); }
body.editorial-proposal .editorial-visual img { border-color:#91a9ba; }
body.editorial-proposal .science-section .eyebrow,
body.editorial-proposal .science-section .research-kicker { color:#c7dce9; }
body.editorial-proposal .science-section .section-top > p,
body.editorial-proposal .science-intro,
body.editorial-proposal .science-questions p,
body.editorial-proposal .science-bottom p { color:#e6eff5; }
body.editorial-proposal .science-questions article { border-color:#9eb4c4; }
body.editorial-proposal .science-bottom a { border-color:#c7dce9; }
body.editorial-proposal .science-section a:hover { color:#d6e9f6; }
body.editorial-proposal .science-section :focus-visible { outline-color:#c7dce9; }
body.editorial-proposal .detail-toggle::before,
body.editorial-proposal .detail-toggle::after { background:var(--green); }
body.editorial-proposal .reading-section,
body.editorial-proposal .site-footer { background:var(--sage); }
body.editorial-proposal .reading-decoration { color:#bdceda; }
body.editorial-proposal .reading-tabs,
body.editorial-proposal .sample-end { border-color:var(--rule); }
body.editorial-proposal .research-topic p.research-note { color:var(--muted); border-color:var(--rule); }
body.editorial-proposal #question-counter { color:var(--muted); }
body.editorial-proposal .about-copy p,
body.editorial-proposal .dialog-inner p:not(.eyebrow) { color:var(--muted); }
body.editorial-proposal dialog { border-color:var(--rule); border-radius:0; }
body.editorial-proposal dialog::backdrop { background:rgba(33,59,80,.55); }
body.editorial-proposal .article-body a,
body.editorial-proposal .article-body .source-list a,
body.editorial-proposal .article-body .source-notes a {
  color:var(--gold); text-decoration-color:#8eafc6;
}
body.editorial-proposal .article-body a:hover { color:#294d69; }
body.editorial-proposal .article-callout,
body.editorial-proposal .reflection-box,
body.editorial-proposal .text-witness { background:var(--sage); border-color:#8faabd; }
body.editorial-proposal .text-witness p.geez-text { color:var(--green); }
body.editorial-proposal .text-witness p.transliteration { color:#4f6373; }
body.editorial-proposal .text-witness p.witness-note { border-color:var(--rule); }
body.editorial-proposal .table-wrap,
body.editorial-proposal .table-scroll,
body.editorial-proposal .article-body th,
body.editorial-proposal .article-body td { border-color:var(--rule); }
body.editorial-proposal .article-body caption,
body.editorial-proposal .article-body thead th { background:var(--sage); color:var(--green); }
body.editorial-proposal .article-body tbody th { color:var(--green); }
body.editorial-proposal .related-articles a span { color:var(--muted); }

/* Dark blue masthead; the light article and hero areas retain their palette. */
body.editorial-proposal .site-header {
  background:var(--ink);
  color:var(--white);
  border-bottom-color:var(--green);
}
body.editorial-proposal .site-header .brand,
body.editorial-proposal .site-header .brand small,
body.editorial-proposal .site-header .site-symbol,
body.editorial-proposal .site-header nav > a,
body.editorial-proposal .site-header .menu-toggle {
  color:var(--white);
}
body.editorial-proposal .site-header nav {
  background:var(--ink);
  color:var(--white);
  border-bottom-color:#c7dce9;
}
body.editorial-proposal .site-header .nav-reading { border-bottom-color:#c7dce9; }
body.editorial-proposal .site-header .menu-toggle svg { stroke:currentColor; }
body.editorial-proposal .site-header a:hover,
body.editorial-proposal .site-header .menu-toggle:hover {
  color:#fff;
}
body.editorial-proposal .site-header nav > a:hover,
body.editorial-proposal .site-header .brand:hover strong,
body.editorial-proposal .site-header .menu-toggle:hover > span {
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:5px;
}
body.editorial-proposal .site-header :focus-visible {
  outline:2px solid #c7dce9;
  outline-offset:5px;
}
