/* Semantic surfaces follow the project palette after the historical demo styles. */
body{background:var(--paper);color:var(--ink)}
.maker,.article-card,.price-card,.guide-card,.creation-card,.sample-section,.prompt-box,.notice{background:var(--white);color:var(--ink);border-color:var(--line)}
.maker .upload,.maker .spec-callout{background:var(--paper);color:var(--ink)}
.maker .upload span,.maker .upload strong,.maker .upload small,.maker .upload input{color:var(--ink)}
.maker .upload img{object-fit:contain;background:var(--white)}
.maker select,.maker input:not([type=checkbox]),.maker textarea,.narrow input,.narrow select,.narrow textarea{background:var(--white);color:var(--ink);border-color:var(--line)}
.maker select:focus-visible,.maker input:focus-visible,.narrow input:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.article-card p,.copy-section p,.guide-card p,details p,.creation-card p,.sample-section p,.preview figcaption,.loading-copy{color:var(--muted)}
.price-card.recommended{background:var(--paper);color:var(--ink);border-color:var(--ink)}
.price-card .price{color:var(--ink)}
.price-card li{border-color:var(--line)}
.price-card .button{color:var(--ink);background:var(--lime)}
.account-summary{background:var(--paper);color:var(--ink);border:1px solid var(--line)}
.guide-card:hover{background:var(--paper)}