/* Shared site chrome follows the theme; artwork keeps its own palette. */
.skip{background:var(--surface-raised);color:var(--ink)}
.other,.work-index{background:var(--paper)}
.work-index{border-color:var(--line)}
.work-index a{color:var(--ink)}
.work-index a.active{color:var(--studio-accent);border-color:var(--studio-accent)}
.case-placeholder,.screen-slot{background:var(--surface);border-color:var(--line);color:var(--ink)}
.next-project{background:var(--surface-soft);color:var(--ink)}
.case-nav a{color:var(--muted)}
.case-nav a.chapter-active{color:var(--studio-accent)}
.case-nav:before{background:var(--line)}
.case-nav:after{background:var(--studio-accent)}
.case-nav a:before{background:var(--paper);border-color:var(--line)}
.case-nav a.chapter-passed:before,.case-nav a.chapter-active:before{background:var(--studio-accent);border-color:var(--studio-accent)}
dialog{background:var(--surface-raised);color:var(--ink);border:1px solid var(--line)}
dialog p{color:var(--muted)}
dialog::backdrop{background:#10091899}
.close{background:var(--surface);color:var(--ink);border-color:var(--line)}
.close:hover{background:var(--surface-soft)}
.contact-links>*{color:var(--ink);border-color:var(--line)}
.contact-links small{color:var(--muted)}
.contact-links>*:hover,.contact-links>*:focus-visible{background:transparent;color:var(--studio-accent)}
.gallery-experience .gx-modes{background:transparent;border-color:var(--line)}
.gallery-experience .gx-modes button,.gallery-experience .gx-reset{color:var(--ink)}
.gallery-experience .gx-modes button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.gallery-experience .gx-stage{background:transparent;border-color:var(--line)}
.gallery-experience .gx-handle,.gallery-experience .gx-open,.gallery-experience .gx-caption{background:var(--surface-raised);color:var(--ink)}
.gallery-experience .gx-handle{border-color:var(--line)}
.gallery-experience .gx-category,.gallery-experience .gx-instructions,.gallery-experience .gx-board-footer{color:var(--muted)}
.gallery-experience .gx-open:hover .gx-caption,.gallery-experience .gx-dragging .gx-handle{background:var(--surface-soft)}
.gallery-experience .gx-open-arrow{color:var(--studio-accent)}
.gallery-experience .gx-open:focus-visible,.gallery-experience .gx-handle:focus-visible{outline-color:var(--focus)}

/* These foregrounds belong to the original previews in either site theme. */
.project-visual.verdant{color:#304735}
.project-visual.vinyl{color:#f7eced}
.project-visual.wander{color:#253e63}
.project-visual .project-title :is(h2,h3,p),.project-visual .project-label,.project-visual .preview-tag{color:inherit}
.verdant .mock{color:#314236}
.vinyl .mock{color:#2b252b}
.wander .mock{color:#314236}
.mock p{color:inherit}
.poster-one{color:#26313e}
.poster-two{color:#381d18}
.poster-three{color:#354123}
.poster :is(b,small){color:inherit}
@media(max-width:700px){.case-nav{background:var(--paper);border-color:var(--line)}}