/* All page families share semantic colors. Artwork remains an unfiltered light canvas. */
:root{
 color-scheme:light;
 --surface:#fff;--control:#7e8b73;--hover:#e9ebe4;--chosen:#f8eee8;
 --action:#a43126;--action-hover:#85251d;--on-action:#fff;--on-strong:#fff;
 --prompt:#242824;--prompt-hover:#333b33;--prompt-ink:#fff;--prompt-muted:#d2d7cc;
 --sticky:#fafaf7f5;--shadow:#16201817;--backdrop:#111711b8;
 --media:#fff;--media-ink:#242824;--media-accent:#a43126;
 --selection:#a43126;--on-selection:#fff;
}
@media(prefers-color-scheme:dark){
 :root:not([data-theme=light]){
  color-scheme:dark;
  --paper:#171b19;--ink:#edf0e7;--muted:#b5beb0;--red:#f0aa95;--line:#465346;--wash:#252e27;
  --surface:#222a24;--control:#75846e;--hover:#354136;--chosen:#3a2b25;
  --action:#b34835;--action-hover:#9d3b2c;--on-action:#fff;--on-strong:#172019;
  --prompt:#283429;--prompt-hover:#334534;--prompt-ink:#f0f3e9;--prompt-muted:#c0cabc;
  --sticky:#1a211cf5;--shadow:#0006;--backdrop:#080c09d9;
  --selection:#f0aa95;--on-selection:#201b17;
 }
}
:root[data-theme=dark]{
 color-scheme:dark;
 --paper:#171b19;--ink:#edf0e7;--muted:#b5beb0;--red:#f0aa95;--line:#465346;--wash:#252e27;
 --surface:#222a24;--control:#75846e;--hover:#354136;--chosen:#3a2b25;
 --action:#b34835;--action-hover:#9d3b2c;--on-action:#fff;--on-strong:#172019;
 --prompt:#283429;--prompt-hover:#334534;--prompt-ink:#f0f3e9;--prompt-muted:#c0cabc;
 --sticky:#1a211cf5;--shadow:#0006;--backdrop:#080c09d9;
 --selection:#f0aa95;--on-selection:#201b17;
}
html{background:var(--paper);accent-color:var(--red)}
::selection{background:var(--selection);color:var(--on-selection)}
.seal{background:var(--action);color:var(--on-action)}
.skip{background:var(--ink);color:var(--on-strong)}
.language-menu>div{background:var(--surface);box-shadow:0 10px 28px var(--shadow)}
.language-menu a:hover,.language-menu a[aria-current]{background:var(--hover)}
.button,.market-results .style-link{background:var(--action);border-color:var(--action);color:var(--on-action)}
.button:hover,.market-results .style-link:hover{background:var(--action-hover);border-color:var(--action-hover);box-shadow:0 3px 10px var(--shadow)}
.quiz-prompt{background:var(--prompt);border-color:var(--control);color:var(--prompt-ink)}
.quiz-prompt:hover{background:var(--prompt-hover);border-color:var(--control)}
.quiz-prompt span span{color:var(--prompt-muted)}
.quiz-prompt .quiz-prompt-meta{color:#e7aa9b}
.market-select,.available-styles button,.share-actions a,.share-actions button,.dialog-close,.gift-save,.analytics-preference button,.theme-select,.copy-fallback input,.copy-fallback textarea{
 background:var(--surface);border-color:var(--control);color:var(--ink);
}
.style-chooser button,.product-media .style-chooser button{color:var(--ink);border-color:var(--control)}
.style-chooser button:hover{background:var(--hover);border-color:var(--ink)}
.style-chooser button[aria-pressed=true],.product-media .style-chooser button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--on-strong)}
.availability-toggle input{accent-color:var(--action)}
.catalog-empty,.alternative-card,.gift-design-card{background:var(--surface);border-color:var(--line)}
.alternative-card:hover,.alternative-card:focus-visible{background:var(--hover);border-color:var(--control)}
.alternative-evidence{border-color:var(--line)}
.card-actions [data-card-explore]{border-color:var(--control);color:var(--ink)}
.card-actions [data-card-buy]{background:var(--ink);border-color:var(--ink);color:var(--on-strong)}
.card-actions [data-card-buy]:hover{background:var(--action);border-color:var(--action);color:var(--on-action)}
.buy-box,.quiz-invite,.guide-glyph{background:var(--wash);border-color:var(--line)}
.sticky-purchase{background:var(--sticky);box-shadow:0 -3px 20px var(--shadow)}
.image-dialog{background:var(--paper);color:var(--ink);border-color:var(--control)}
.image-dialog::backdrop{background:var(--backdrop)}
.progress-track{background:var(--line)}
.answer{background:var(--surface);color:var(--ink);border-color:var(--control)}
.answer:hover{background:var(--hover);border-color:var(--ink)}
.answer[aria-pressed=true]{background:var(--chosen);border-color:var(--red)}
.answer-letter{border-color:var(--control);color:var(--muted)}
.answer[aria-pressed=true] .answer-letter{background:var(--action);color:var(--on-action);border-color:var(--action)}
.gift-choice{background:var(--surface);color:var(--ink);border-color:var(--control)}
.gift-choice:hover,.gift-choice[aria-current=true]{background:var(--chosen);border-color:var(--red)}
.gift-design-card:hover{border-color:var(--red);box-shadow:0 8px 24px var(--shadow)}
.gift-card-copy blockquote{border-color:var(--red)}
.gift-save:hover,.share-actions a:hover,.share-actions button:hover{border-color:var(--red);color:var(--red)}
.quiet-button{color:var(--ink)}
/* Keeping image pixels intact avoids turning the white print into grey in a dark theme. */
.card-image,.product-photo,.gift-card-image,.alternative-grid img,.product-media .style-chooser img,.image-dialog img{
 background:var(--media);color:var(--media-ink);color-scheme:light;
}
.card-image,.product-photo{border-color:var(--control)}
.product-photo>button{color:var(--media-ink)}
.card-image img,.product-photo img,.gift-card-image img,.image-dialog img{mix-blend-mode:normal;filter:none}
.card-image-arrow,.card:hover .card-image-arrow,.zoom-label{background:#fffffff2;border-color:#9eaa94;color:var(--media-ink)}
.gift-card-glyph{color:var(--media-accent)}
/* This is a preview of the downloadable card, not a themed navigation surface. */
.meaning-card{color-scheme:light;background:#f5f0e7;color:#282724;border-color:#d9cbb9}
.meaning-card-name{color:#a43126}.meaning-card .seal{background:#a43126;color:#fff}
.theme-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:.75rem;color:var(--muted)}
.theme-select{font:inherit;font-size:.8125rem;min-height:44px;max-width:100%;padding:8px 10px;border:1px solid var(--control);border-radius:5px;cursor:pointer}
footer{flex-wrap:wrap}footer>span{align-self:center}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:4px}
@media(prefers-contrast:more){
 :root:root{--muted:var(--ink);--control:var(--ink);--line:var(--ink)}
 .market-select,.theme-select,.answer,.gift-choice,.style-chooser button,.share-actions a,.share-actions button,.gift-save,.available-styles button{border-width:2px}
 .text-link,.gift-inline,footer nav a{text-decoration:underline;text-underline-offset:4px}
}
@media(forced-colors:active){
 .button,.style-link,.card-actions a,.style-chooser button,.answer,.gift-choice,.gift-design-card,.alternative-card,.gift-save,.image-dialog,.language-menu>div,.sticky-purchase,.meaning-card{border:1px solid ButtonText}
 .style-chooser button[aria-pressed=true],.answer[aria-pressed=true],.gift-choice[aria-current=true]{outline:2px solid Highlight;outline-offset:-4px;text-decoration:underline}
 .gift-routes button[aria-pressed=true]{border-bottom:3px solid Highlight;text-decoration:underline}
 .progress-track{border:1px solid CanvasText}.progress-track>span{background:Highlight;forced-color-adjust:none}
 .answer-check{color:Highlight}.answer-letter{border-color:ButtonText}
 .ink-orbit{stroke:CanvasText}.quiz-prompt{border:1px solid LinkText}
 .meaning-card:before{border-color:CanvasText}.meaning-card-glyph:before{border-color:CanvasText}
 a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid Highlight}
}