/* The covers set the palette. Each section carries it through the reading and purchase UI. */
.book{
  position:relative;isolation:isolate;
  background:var(--world-background);
  color:var(--world-ink);
  border:0;border-top:1px solid var(--world-rule);
  --world-rule:color-mix(in srgb,var(--world-accent) 32%,transparent);
  --world-panel:color-mix(in srgb,var(--world-accent) 8%,transparent);
}
.book .eyebrow,.book .fit,.book .buy-meta,.book .sample-source{color:var(--world-muted)}
.book .eyebrow span,.book .book-name,.book .buy-meta a,.book summary:after{color:var(--world-accent)}
.book .outcomes,.book details,.book blockquote{border-color:var(--world-rule)}
.book .outcomes li:before,.book .try{border-color:var(--world-accent)}
.book .try{background:var(--world-panel)}
.book blockquote{color:var(--world-ink)}
.book .btn-hot{color:var(--world-button-ink);background:var(--world-button);box-shadow:none}
.book .btn-hot:hover{background:var(--world-button-hover)}
.book .btn-plain{color:var(--world-ink);background:transparent;border-color:var(--world-muted)}
.book .btn-plain:hover{background:var(--world-panel);border-color:var(--world-accent)}
.book :focus-visible{outline-color:var(--world-accent)}
.book-art{border:1px solid var(--world-rule)}
.book .art-caption,.book .folio{z-index:1}
.book .cover-open{z-index:1}

/* Prototype: dark ink, hot orange, an engineering grid. */
.band-prototype{
  --world-background:radial-gradient(ellipse at 14% 45%,#172b42 0%,#0a1524 61%);
  --world-ink:#fff2e7;--world-muted:#c0cedf;--world-accent:#ff986f;
  --world-button:#ff7546;--world-button-hover:#ff9b77;--world-button-ink:#24120e;
  --art:#0c1728;--art-ink:#f7e4d7;
}
.band-prototype .cover-open{transform:rotate(-5deg)}
.band-prototype .outcomes li:before{border-radius:0}

/* Employee: the cover's warm white and orange, as a paper evidence ledger. */
.band-employee{
  --world-background:linear-gradient(132deg,#f4e4d3 0%,#efd9c7 100%);
  --world-ink:#2a1b17;--world-muted:#65463c;--world-accent:#8f341c;
  --world-button:#952e13;--world-button-hover:#7e270f;--world-button-ink:#fff7ed;
  --art:#f0e0cd;--art-ink:#4e2a20;
}
.band-employee .folio{padding:5px 8px;border:1px solid var(--world-rule);background:#fff4e8}
.band-employee .cover-open{transform:rotate(5deg)}

/* Evergreen: forest green, warm gold, and growing rings. */
.band-evergreen{
  --world-background:radial-gradient(ellipse at 18% 38%,#22563b 0%,#103728 56%,#0c2e23 100%);
  --world-ink:#f1f7e8;--world-muted:#d0e0cf;--world-accent:#ffe084;
  --world-button:#f5d36b;--world-button-hover:#ffe49a;--world-button-ink:#242719;
  --art:#0e3024;--art-ink:#f8e6ae;
}

.band-evergreen .folio{top:20%;left:8%}
.band-evergreen .cover-open{transform:rotate(-3deg)}
.band-evergreen .outcomes li:before{border-radius:50%}

/* Mac: white cover stock and orange marks on a light workbench. */
.band-mac{
  --world-background:linear-gradient(112deg,#fcfcfa,#f2f3f0);
  --world-ink:#1c222b;--world-muted:#494f58;--world-accent:#963216;
  --world-button:#ff7546;--world-button-hover:#ff9b77;--world-button-ink:#24120e;
  --art:#f0f2ef;--art-ink:#333a43;
}
.band-mac .cover-open{transform:rotate(0);box-shadow:9px 12px 22px #222a3b45}
.book .cover-open:hover,.book .cover-open:focus-visible{transform:translateY(-4px)}

@media(max-width:740px){.band-evergreen .folio{top:15%;left:7%}}