/* Cream and red for the pages with no art direction of their own: Fotografía, Ilustraciones and the 404.
   Linked only from those pages (ES and EN), so the tokens below stop here. Colour only: no layout, no content.
   Values match home-editorial.css. Red #EE492B only at 24 px or more; #C8321A for small red text. */
:root{--paper:#F5EEDF;--ink:#1B1A17;--red:#EE492B;--red-deep:#C8321A;--muted:#5F5A4E;--line:#D8CEB8;--well:#EBE2CE;
 --acid:var(--red)} /* The acid green is gone: selection and the lightbox focus ring are red, as on the homepage. */
body .art-case{--case-accent:var(--red-deep);--case-muted:var(--muted)}

/* Header */
.language-switch a{color:var(--muted)}
.language-switch a[aria-current=page]{color:var(--ink);border-bottom-color:var(--red)}
.language-switch a:hover,.site-header nav:not(.language-switch) a:hover,.site-header .external-top:hover{color:var(--red-deep)}
a:focus-visible,button:focus-visible,footer a:focus-visible{outline:2px solid var(--red-deep);outline-offset:4px}
.skip{color:var(--paper)}

/* Footer: the homepage's, cream with a hairline and a red O, instead of a red block. */
footer{background:transparent}
.footer-name .footer-o{font-size:1em;vertical-align:baseline;color:var(--red)}
.footer-meta{border-top-color:var(--line)}
.footer-note{color:var(--muted)}
.footer-contact button{color:var(--ink);border-color:var(--ink)}
.footer-contact>a:hover,.footer-meta a:hover{color:var(--red-deep)}
.footer-contact button:hover{color:var(--red-deep);border-color:var(--red-deep)}

/* Readers: warm sheets that still lift off the cream, and warm greys. */
body .photo-reader{--photo-paper:#FCF8EF;--photo-edge:#1B1A1726}
body .sketch-reader{--photo-paper:#FBF6EA;--photo-edge:var(--line)}
body .photo-reader .photo-page{color:var(--ink)}
body .photo-reader .photo-page figcaption{color:var(--muted)}
body .photo-reader .photo-book-title em,body .case-next-arrow{color:var(--red)}
body .sketch-reader .photo-pagination button:hover:not([aria-disabled=true]){background:var(--well)}
body .sketch-reader[data-view=magazine] .photo-book{box-shadow:0 0 0 5px var(--line),0 6px 0 5px var(--well),0 24px 34px -18px #302b1b38}
@media(max-width:700px){body .sketch-reader[data-view=magazine] .photo-book{box-shadow:0 0 0 3px var(--line),0 5px 0 3px var(--well),0 20px 25px -14px #302b1b30}}

/* The lightbox stays dark for the photographs, in the warm black and cream of the site. */
.image-lightbox{background:#141411;color:var(--paper)}
.image-lightbox::backdrop{background:#141411f5}