/*
 * Section background colors — edit this file to change section tints
 * without rebuilding pages. Linked at runtime from rendered HTML.
 *
 * Classes: sec-ivory, sec-white
 * The .tdx (Traven's Take) uses its own ::before for ivory bg.
 * Footer uses #fafafa set directly in base.html.
 */

/* shared mechanics */
.sec-ivory,
.sec-white { position: relative; z-index: 0; border-bottom: none }

.sec-ivory::before,
.sec-white::before {
  content: '';
  position: absolute;
  top: 0; bottom: 0;
  left: 50%; width: 100vw; margin-left: -50vw;
  z-index: -1;
}

/* tints — change these values to restyle all pages at once */
.sec-ivory::before  { background: #fefcf8 }
.sec-white::before  { background: #fff }