/* Approved sample: tinta, piedra y mineral. Same layout, typography and motion. */
:root{--paper:#f0ece3;--brass:#a58b5f;--mineral:#8ea5aa;--ivory:#e8e2d8;--bone:#b8b2a6;--graphite:#3a3b38}
.hero h1 em,.page-heading h1 em{color:var(--accent)}
.main-menu a[aria-current=page]{color:var(--accent)}
.text-link,.breadcrumbs a,.reader-meta a{color:var(--accent)}
.button.secondary{color:var(--ink)}
.brand-mark{color:var(--ivory)}
.volume-face>span:first-child,.book-object>span{color:var(--ivory);opacity:1}
.volume-face .art-rule{background:linear-gradient(90deg,var(--brass),#a58b5f20)}
.book-object strong{border-top-color:var(--brass)}
.article-card,.book-object,.volume-face{accent-color:var(--mineral)}
input[type=checkbox],input[type=radio]{accent-color:var(--accent)}
/* The accepted sample pairs dark entrances with light, quiet reading surfaces. */
#main:has(.reading-layout),#main:has(.reader-body.standalone){
 --bg:#f0ece3;--surface:#e8e2d8;--raised:#e8e2d8;--line:#c4c1b8;
 --ink:#171a1b;--muted:#54534f;--accent:#415b65;
 background:var(--bg);color:var(--ink);color-scheme:light;
}
#main:has(.reading-layout) :focus-visible,#main:has(.reader-body.standalone) :focus-visible{outline-color:#415b65}
#main:has(.reading-layout) input::placeholder,#main:has(.reading-layout) textarea::placeholder{color:#54534f}
#main:has(.reading-layout) .reader-index nav a[aria-current=location]{border-left-color:#415b65;background:linear-gradient(90deg,#8ea5aa24,transparent)}
#main:has(.reading-layout) .reader-index summary{color:var(--ink)}
#main:has(.reading-layout) .activity{box-shadow:inset 0 1px 0 #ffffff70,0 8px 18px #0b0e0f0d}
#main:has(.reading-layout) .activity textarea{background:#faf8f3;border-color:#567078;color:#171a1b;box-shadow:inset 0 1px 4px #0b0e0f0a}
#main:has(.reading-layout) .content-slot,#main:has(.reader-body.standalone) .content-slot{background:linear-gradient(100deg,#8ea5aa12,transparent);border-color:#8c9392}
#main:has(.reading-layout) .source-row,#main:has(.reader-body.standalone) .source-row{background:linear-gradient(120deg,#8ea5aa15,transparent)}
#main:has(.reading-layout) .button,#main:has(.reader-body.standalone) .button{box-shadow:0 2px 5px #0b0e0f12}
#main:has(.reading-layout) .button:not(.secondary):hover,#main:has(.reader-body.standalone) .button:not(.secondary):hover{background:#303c42;color:#f0ece3}
#main:has(.reading-layout) .button.secondary,#main:has(.reader-body.standalone) .button.secondary{border-color:#567078}
.student-material-page,.student-materials-index{color-scheme:light}
.student-material-page input::placeholder,.student-materials-index input::placeholder{color:#54534f}
.student-material-page input,.student-materials-index input{border-color:#567078}
.student-material-page .student-related a,.student-materials-index .student-related a{border-color:#8c9392}
.student-material-page .student-note,.student-materials-index .student-note{border-left-color:#a58b5f}
@media print{#main:has(.reading-layout),#main:has(.reader-body.standalone){background:#fff}}