/* Light watercolor-paper theme (sage #609e8b + peach #fae1d0). Loaded after index.php's inline styles. */
:root{
  --paper:#fbf5ee;
  --bg:#fbf5ee;
  --bg-2:#fffaf5;
  --surface:#fae1d0;
  --line:rgba(36,56,50,.16);
  --text:#22332e;
  --muted:#56665f;
  --accent:#609e8b;
  --accent-ink:#3f7766;
  --accent-2:#fae1d0;
  --sage-wash:rgba(96,158,139,.14);
  --peach-wash:rgba(250,225,208,.62);
  --tex:url(../images/paper-texture.webp);
}
::selection{background:#fae1d0;color:var(--text)}
body{background:var(--tex),var(--paper);color:var(--text)}
/* Paper grain sits under content: on every surface, never over text or covers */
.parallax-bg::after{content:"";position:absolute;inset:0;background:var(--tex)}


/* Watercolor hero scene */
.plx-1{background:
  radial-gradient(38% 30% at 18% 22%, rgba(96,158,139,.30), transparent 70%),
  radial-gradient(34% 26% at 80% 14%, rgba(233,185,154,.50), transparent 72%),
  radial-gradient(50% 35% at 55% 55%, rgba(250,225,208,.95), transparent 75%),
  linear-gradient(180deg,#fbf5ee 0%,#fae1d0 42%,#fbefe4 64%,#e2eee8 100%)}
.plx-2{background:radial-gradient(closest-side at 50% 60%, #fae1d0 0%, rgba(240,196,168,.65) 42%, transparent 72%) no-repeat center 60%/820px 820px;mix-blend-mode:multiply;opacity:.75}
.plx-3{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 600' preserveAspectRatio='xMidYEnd slice'><defs><filter id='w' x='-5%' y='-20%' width='110%' height='140%'><feTurbulence type='fractalNoise' baseFrequency='0.008 0.02' numOctaves='4' seed='7'/><feDisplacementMap in='SourceGraphic' scale='34'/></filter><linearGradient id='g' x1='0' x2='0' y1='0' y2='1'><stop offset='0' stop-color='%23609e8b' stop-opacity='.42'/><stop offset='1' stop-color='%23609e8b' stop-opacity='.14'/></linearGradient></defs><path filter='url(%23w)' fill='url(%23g)' d='M0,600 L0,420 L120,330 L220,380 L340,250 L480,350 L600,270 L740,360 L880,230 L1020,330 L1160,290 L1300,360 L1440,250 L1580,340 L1720,300 L1860,360 L1920,330 L1920,600 Z'/></svg>") no-repeat center bottom/cover}
.plx-4{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 500' preserveAspectRatio='xMidYEnd slice'><defs><filter id='w' x='-5%' y='-20%' width='110%' height='140%'><feTurbulence type='fractalNoise' baseFrequency='0.01 0.025' numOctaves='4' seed='3'/><feDisplacementMap in='SourceGraphic' scale='28'/></filter><linearGradient id='g' x1='0' x2='0' y1='0' y2='1'><stop offset='0' stop-color='%234f8a78' stop-opacity='.62'/><stop offset='1' stop-color='%23609e8b' stop-opacity='.28'/></linearGradient></defs><path filter='url(%23w)' fill='url(%23g)' d='M0,500 L0,360 L80,260 L180,330 L280,200 L380,300 L500,180 L620,310 L760,220 L900,330 L1040,210 L1180,320 L1320,190 L1460,320 L1600,240 L1740,340 L1860,260 L1920,310 L1920,500 Z'/></svg>") no-repeat center bottom/cover}
.hero::before{background:linear-gradient(180deg, rgba(251,245,238,.35) 0%, rgba(251,245,238,0) 40%, rgba(251,245,238,.92) 100%)}
.hero h1,.hero .lead,.hero .eyebrow,.hero-foot span{text-shadow:none}
.hero .lead{color:#3e4d48}
.hero-books img{filter:drop-shadow(0 22px 26px rgba(40,64,56,.28)) blur(var(--b,0px))}

/* Surfaces: paper / peach / sage rhythm */
.nav{background:var(--tex),rgba(251,245,238,.82);border-bottom:1px solid var(--line)}
section,footer{background:var(--tex),rgba(251,245,238,.86)}
#award,#comics,#articles{background:var(--tex),var(--peach-wash)}
.marquee{background:var(--tex),rgba(250,225,208,.88)}
.marquee .track{color:#6d7b75}
.marquee .track i{color:var(--accent)}

/* Buttons + small accent text */
.btn-primary,.contact button{background:var(--accent);border-color:var(--accent);color:#0f2a22}
.btn-primary:hover,.contact button:hover{background:#7db3a2}
.btn-ghost:hover{border-color:var(--text)}
.book .price,.list .price,.award .tag,.press-modal .pm-head .eyebrow,.press-modal .pm-type{color:var(--accent-ink)}
.award .tag{border-color:var(--accent)}
.book .link:hover,.press-btn:hover,.list .row:hover .go,.partner a:hover,.socials a:hover,.nav .cta:hover,.press-modal .pm-close:hover,.press-modal li a:hover .pm-title{color:var(--accent-ink);border-color:var(--accent)}

/* Award */
.award-banner{background:var(--paper);box-shadow:0 30px 60px rgba(40,64,56,.18)}
.award{background:var(--tex),linear-gradient(135deg, rgba(255,250,245,.9), rgba(96,158,139,.16))}
.award .cover-wrap{background:radial-gradient(60% 50% at 50% 40%, rgba(250,225,208,.95), transparent 72%)}

/* Book covers on peach / sage washes */
.book .cover{background:var(--tex),linear-gradient(160deg,#fdf4ec 0%,#fae1d0 100%)}
.book:nth-child(even) .cover{background:var(--tex),linear-gradient(160deg,#f2f8f5 0%,#d3e6de 100%)}
.book .cover img{filter:drop-shadow(0 24px 30px rgba(40,64,56,.30)) drop-shadow(0 6px 10px rgba(40,64,56,.18))}
.book .cover::after{background:linear-gradient(180deg, transparent 55%, rgba(96,158,139,.22))}

/* Comics, partners, articles */
.list .row::before{background:linear-gradient(90deg,rgba(250,225,208,.95),transparent 75%)}
.partner{background:var(--tex),var(--bg-2)}
.partner:hover{background:var(--tex),#fdf0e6}
html #articles .art .thumb{background:var(--tex),linear-gradient(160deg,#fdf4ec,#fae1d0)}

/* Quote on a sage wash */
.quote{background:var(--tex),linear-gradient(160deg,#6aa794,#609e8b 55%,#56937f)}
.quote q{color:#fffaf5}
.quote q::before,.quote q::after{color:#fae1d0}
.quote .author{color:#eef7f3}

/* Reviews & press modal */
.press-modal,.press-modal .pm-head{background:var(--tex),var(--bg-2)}
.press-modal{color:var(--text);scrollbar-color:rgba(36,56,50,.3) transparent;box-shadow:0 30px 80px rgba(40,64,56,.28)}
.press-modal::backdrop{background:rgba(34,51,46,.45)}
.press-modal .pm-type{border-color:rgba(96,158,139,.5)}

/* Immersive layer tweaks */
.im .loader{background:var(--tex),var(--paper)}
@media (hover:hover) and (pointer:fine){
  .im .cursor{border-color:rgba(96,158,139,.8)}
  .im .cursor.is-hover{background:rgba(96,158,139,.12)}
  .im .cursor span{color:#0f2a22}
  .im .spotlight{mix-blend-mode:multiply;background:radial-gradient(520px circle at var(--sx,50%) var(--sy,50%),rgba(250,225,208,.7),transparent 60%)}
}

/* ---------- Article archive + single article (partials/modern-head.php layout) ---------- */
/* `body` prefix beats the pages' inline <style> blocks, which load after this file */
.page-hero::before{background:linear-gradient(180deg, rgba(251,245,238,.25) 0%, rgba(251,245,238,0) 40%, rgba(251,245,238,.92) 100%)}
.page-hero h1,.page-hero .lead,.page-hero .eyebrow{text-shadow:none}
body .filter-bar,body .related{background:var(--tex),rgba(250,225,208,.88)}
body .chip{background:rgba(255,250,245,.55)}
body .chip.active{background:var(--accent);border-color:var(--accent);color:#0f2a22}
body .art-thumb,body .related .thumb{background:var(--tex),linear-gradient(160deg,#fdf4ec,#fae1d0)}
body .art-thumb::after{background:linear-gradient(180deg,transparent 50%,rgba(96,158,139,.35))}
body .art-meta .cat,body .page-hero .crumb a,body .art-card:hover h3 a,body .related .item:hover h4{color:var(--accent-ink)}
body .page-hero .tags span{color:var(--accent-ink);border-color:rgba(96,158,139,.45);background:rgba(255,250,245,.6)}
body .banner{box-shadow:0 30px 60px rgba(40,64,56,.2)}
body .prose{color:#2e3d38}
body .prose a{color:var(--accent-ink);border-bottom-color:rgba(96,158,139,.45)}
body .prose a:hover{border-color:var(--accent-ink)}
body .prose blockquote{color:var(--muted);border-left-color:var(--accent)}
/* Pasted Google Docs/Medium markup carries white paragraph backgrounds; let the paper show through */
body .prose [style*="background-color"]{background-color:transparent !important}