/* Access Madrid — DARK variant. Loaded after am-design.css only when the `am_dark` option is on.
 *
 * The base layer is entirely var()-driven, so most of this is a palette swap. What it is NOT is an
 * inversion: a straight invert makes the terracotta muddy and the slate invisible. Both accents are
 * lifted and desaturated for a dark ground, and the two "band" blocks that were dark-on-light in the
 * light theme (the stop block, the almanac head) have to go the other way or they vanish.
 *
 * The rule that survives unchanged: TERRACOTTA IS ALWAYS GEOGRAPHY, SLATE IS ALWAYS FACT.
 */
:root{
  --paper:#12100C; --card:#191610; --sunk:#221E17; --line:#2E2920; --hair:#3E382D;
  --ink:#F4F0E6; --mid:#B6AE9E; --muted:#8B8272; --small:#B3AA9A;
  --terra:#D98A62; --terra-soft:#2A1E17; --slate:#8FB6D2; --slate-soft:#182430; --no:#E0866F;
}
body{background:var(--paper);color:var(--ink)}

/* the masthead and footer keep their own light-on-dark relationship */
.site-header{background:var(--card);border-bottom-color:var(--hair)}
.site-header .main-title a{color:var(--ink)}
.site-header .site-description{color:var(--small)}
.main-navigation .main-nav ul li a{color:var(--mid)}
.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li.current-menu-item a{color:var(--terra)}
.main-navigation .menu-toggle{color:var(--ink)}

/* hero: the photograph now sits on a dark page, so it needs a hairline rather than a bright edge */
.am-hero figure{background:var(--sunk)}
.am-hero .cap{border-bottom-color:var(--hair)}
.am-hero h1{color:#FFFBF2}
.am-t{color:#FFFBF2}

/* THE STOP BLOCK was near-black on paper. On a dark page that disappears, so it inverts to the
   lightest surface — it must stay the most emphatic thing on the page. */
.am-stop{background:var(--card);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);
  color:var(--ink)}
.am-stop h2{color:#FFFBF2}
.am-stop>.am-wrap>p{color:var(--mid)}
.am-stop .sl{background:var(--line);border-color:var(--line)}
.am-stop .sl li{background:var(--paper);border-left-color:var(--terra)}
.am-stop .sl b{color:#FFFBF2}
.am-stop .sl span{color:var(--muted)}

/* the almanac header was ink-on-white; keep it as the darkest bar so the table still reads as a
   table rather than dissolving into the page */
.alm-head{background:#0A0906;color:var(--ink)}
.alm-head>div:nth-child(3){color:var(--no)}
.alm-row .no{background:#241713}
.alm-row>div:first-child{background:var(--sunk)}

/* articles */
.entry-content{color:var(--mid)}
.entry-content h2,.entry-content h3{color:var(--ink)}
.entry-content th{background:var(--sunk);color:var(--ink)}
.entry-content blockquote{background:var(--slate-soft);color:var(--ink);border-left-color:var(--slate)}
.entry-content figure img{border-color:var(--line)}
body.single .entry-title,body.page:not(.home) .entry-title{color:#FFFBF2}
.archive .entry-title a,.blog .entry-title a{color:var(--ink)}
.page-header,.archive .page-title{color:var(--ink)}

/* footer */
.site-footer,.site-info{background:var(--card);border-top-color:var(--hair);color:var(--mid)}
.site-info .am-foot-links a{color:var(--mid)}
.site-info .am-foot-links a:hover{color:var(--terra)}
.site-info .am-foot-copy{color:var(--small)}

/* the shared reader disclaimer inherits currentColor, so it only needs the surface */
.sc-disclaimer{color:var(--mid)}

/* ad placeholder */
.adzone{background:var(--sunk);border-top-color:var(--line);border-bottom-color:var(--line)}