/* Reversible soft monochrome and navy theme layer. */
:root{
  --ink:#171717;
  --muted:#666a6d;
  --paper:#f7f7f5;
  --card:#fff;
  --line:#dddfe0;
  --green:#1f4e63;
  --lime:#a9bdc5;
  --navy:#17212b;
  --red:#833d3d;
  --shadow:0 12px 36px rgba(23,33,43,.08)
}
button,.button{background:#17212b}
button:hover,.button:hover{background:#2b3a48;filter:none}
button.primary,.primary{background:#1f4e63}
button.primary:hover,.primary:hover{background:#183e4f}
.site-header nav a{color:#dbe1e5}
.site-header nav a:hover,.site-header nav a.active{background:#2b3a48;color:#fff}
.link-button{background:transparent;color:#fff}
.link-button:hover{background:#2b3a48}
.stats .period-position{background:#17212b}
.stats .accent span,.stats .accent small,.submission-panel p{color:#d3dde2}
.badge{background:#edf0f1;color:#3f494e}
.badge.warn{background:#e4eaec;color:#263d47}
.badge.good{background:#dce7ea;color:#183e4f}
.fixture-card.needs-pick,.privacy{border-left-color:#486b7a}
.clickable:hover{border-color:#7894a0}
input:focus,textarea:focus,select:focus{outline-color:rgba(31,78,99,.2)}
.flash{background:#dce7ea;color:#183e4f}
tr.correct{background:#f0f5f6}
footer{background:#eef0f0}
.ball{background:#fff;color:#17212b;border:1px solid #71808a}
.avatar{background:#dce7ea;color:#17212b}
.calendar-day.outside-month{background:#f0f1f0;color:#8a8f92}
.calendar-day.today{box-shadow:inset 0 0 0 2px #1f4e63}
.color-palette input:focus-visible+span{outline-color:#1f4e63}