[data-album-color]{--binder-start:#16394a;--binder-end:#225d66;--binder-ink:#e6f1ee;--binder-edge:#315c65}
[data-album-color=red]{--binder-start:#852d3b;--binder-end:#b6424b;--binder-edge:#b65c63;--binder-ink:#fff6f1}
[data-album-color=blue]{--binder-start:#243f79;--binder-end:#3f67a9;--binder-edge:#577bae;--binder-ink:#f3f7ff}
[data-album-color=green]{--binder-start:#23513e;--binder-end:#438065;--binder-edge:#659680;--binder-ink:#f0faf2}
[data-album-color=yellow]{--binder-start:#dbad38;--binder-end:#f0ce67;--binder-edge:#b99534;--binder-ink:#453815}
[data-album-color=black]{--binder-start:#232b32;--binder-end:#424c56;--binder-edge:#616a72;--binder-ink:#f1f3f5}
[data-album-color=white]{--binder-start:#dedfd8;--binder-end:#faf9f1;--binder-edge:#b8bdb6;--binder-ink:#31424b}
.album-cover[data-album-color],.binder-shell[data-album-color]{background:linear-gradient(125deg,var(--binder-start),var(--binder-end));border-color:var(--binder-edge)}
.album-cover[data-album-color]{color:var(--binder-ink)}.album-cover[data-album-color] .album-cover-monogram{color:var(--binder-ink);border-color:var(--binder-edge)}
.binder-shell[data-album-color] .binder-spine{background:linear-gradient(90deg,var(--binder-start),var(--binder-end),var(--binder-start))}