/* Section colour fields, set per section with data-tone (alternate scheme chosen 2026-10-16).
   Brand: navy #335573, slate #7392A8, tan #B6977B. Text on tan is always deep navy (about 4.6:1). */
:root{--sand:#EDE4D8;--deep-ink:#1F3447;--tan-field:#DBCBBD} /* tan field = 50% tint of brand tan #B6977B (Fergus, 2026-10-16: full tan read too brown) */

/* tan field */
[data-tone=tan]{background:var(--tan-field)!important}
[data-tone=tan] :is(h2,h3,.lead,.lede,blockquote,dt,summary,.sign span){color:var(--deep-ink)!important}
[data-tone=tan] :is(p,dd,li,.intro){color:#1d2833!important}
[data-tone=tan] :is(.label,figcaption,cite,small,.sign small){color:var(--deep-ink)!important}
[data-tone=tan] a:not(.btn){color:var(--deep-ink)!important}
[data-tone=tan] :is(.meta,.rows>div,.facts)::before{background:rgba(31,52,71,.3)!important}
[data-tone=tan] :is(.qs,.qs details,.seek li,.sign,.facts>div+div){border-color:rgba(31,52,71,.28)!important}
[data-tone=tan] :is(.qs summary i::before,.qs summary i::after,.seek li::before){background:var(--deep-ink)!important}
[data-tone=tan] .btn{color:var(--deep-ink)!important;border-color:rgba(31,52,71,.6)!important}
[data-tone=tan] .btn:hover{background:var(--deep-ink)!important;color:var(--paper)!important;border-color:var(--deep-ink)!important}
[data-tone=tan] .label.sec::after{opacity:.4}

/* sand field (light tint of the tan) */
[data-tone=sand]{background:var(--sand)!important}
[data-tone=sand] :is(.label,h3 small){color:#7A5D44!important}
[data-tone=sand] :is(.meta,.rows>div,.facts)::before{background:rgba(31,52,71,.16)!important}

/* deep navy field */
[data-tone=deep]{background:var(--deep)!important}
[data-tone=deep] :is(h2,h3,.lead,.lede,blockquote,dt,.sign span){color:var(--paper)!important}
[data-tone=deep] :is(p,dd,li){color:rgba(245,243,239,.78)!important}
[data-tone=deep] .label{color:var(--tan)!important}
[data-tone=deep] :is(figcaption,cite,small){color:#A9BDCD!important}
[data-tone=deep] a:not(.btn){color:var(--tan)!important}
[data-tone=deep] :is(.meta,.rows>div,.facts)::before{background:rgba(245,243,239,.2)!important}
[data-tone=deep] :is(.sign,.facts>div+div,.seek li){border-color:rgba(245,243,239,.2)!important}
[data-tone=deep] blockquote{border-left-color:var(--tan)!important}
[data-tone=deep] .btn{color:var(--paper)!important;border-color:rgba(182,151,123,.75)!important}
[data-tone=deep] .btn:hover{background:var(--tan)!important;color:var(--deep)!important}

/* ticker variants */
.ticker[data-tone]{border:0!important}
.ticker[data-tone=tan] .track>span{color:var(--deep-ink)!important}
.ticker[data-tone=tan] .track>span::after{background:var(--tan)!important}
.ticker[data-tone=deep] .track>span{color:var(--tan)!important}
.ticker[data-tone=deep] .track>span::after{background:rgba(245,243,239,.5)!important}

@media (max-width:1060px){
  [data-tone=tan] .facts>div{border-color:rgba(31,52,71,.28)!important}
  [data-tone=deep] .facts>div{border-color:rgba(245,243,239,.2)!important}
}