/* The interface colour — generated from the stylesheets, not hand-written.
 *
 * The game was built in a moss green. These scenes are indigo and blue, so every green the interface
 * already uses is repeated here as the same colour in blue: same selector, same property, same
 * lightness, only the hue moved. It cannot introduce a background, invent a border, or give anything a surface it
 * did not have, and it never touches the pets, which are drawn on canvas.
 *
 * Rarity and battle-class colours are left alone on purpose: they are a coded scale, not chrome.
 */

:root{--panel:#1c1723;--line:#1c1723;--white:#dae7f1;--accent:#a9c4da}
.brand-mark{color:#a9c4da}
.dust-button>span:first-child{color:#a9c4da}
.rarity-pips i{border:1px solid #1e3b64}
.gesture-hint span{color:#1e3b64}
.slot{color:#1e3b64}
.slot.selected{border-color:#1e3b64;background:#1c1723}
.slot.selected::after{background:#a9c4da}
.slot.empty{border:1px dashed #1c1723}
.slot.chest-slot{background:#1c1723;border:1px solid #1c1723}
.slot.chest-slot::before{background:#1c1723}
.ready-dot{background:#a9c4da;box-shadow:0 0 7px #a9c4da55}
.collection-button{border:1px solid #1c1723;background:#1c1723}
.collection-button:hover{background:#2c2838;border-color:#1e3b64}
.collection-button svg{color:#7497b4}
.collection-button>span{color:#7497b4}
.chest-info #chest-note{color:#356488}
.chest-info #chest-countdown{color:#7497b4}
.binder-summary strong{color:#dae7f1}
.binder-summary>span:last-child{color:#356488}
.progress-track{background:#1c1723}
.progress-track>div{background:#a9c4da}
.filter-tabs button{color:#7497b4}
.filter-tabs button.selected{color:#dae7f1}
.binder-toolbar>span{color:#356488}
.creature-card{border:1px solid #1c1723}
.creature-card:hover{border-color:#356488}
.card-number{color:#356488}
.card-name{color:#a9c4da}
.undiscovered .card-name{color:#356488}
.binder-footnote{color:#356488}
.detail-meta{color:#356488}
.primary-button{background:#dae7f1;color:#1c1723}
.primary-button:hover{background:#dae7f1;box-shadow:0 0 25px #a9c4da0c}
.secondary-button{border:1px solid #1e3b64;color:#a9c4da;background:#1c1723}
.replace-slots button{border:1px solid #1e3b64}
.setting-row{border-bottom:1px solid #1c1723}
.switch{border:1px solid #1e3b64;background:#1c1723}
.switch:before{background:#356488}
.setting-row input:checked+.switch{background:#a9c4da;border-color:#a9c4da}
.setting-row input:checked+.switch:before{background:#1c1723}
.storage-note{color:#3f91a7}
.text-button{color:#a9c4da}
.text-button:hover{color:#dae7f1}
.test-entry{border:1px dashed #1e3b64;color:#7497b4}
select{border:1px solid #1e3b64;background:#1c1723}
.debug-results{color:#7497b4}
.debug-results strong{color:#a9c4da}
.reveal-dialog{--reveal-color:#dae7f1}
.reveal-details>p{color:#7497b4}
.reveal-dialog .primary-button{color:#1c1723}
.toast{background:#dae7f1;color:#1c1723}
.gesture-hint button{color:#a9c4da}
.gesture-hint button:hover{color:#dae7f1}
.variant-switch{background:#1c1723}
.variant-switch button{color:#7497b4}
.variant-switch button.active{background:#1e3b64;color:#dae7f1}
.pet-secrets{border-top:1px solid #1c1723}
.secret-item{color:#356488}
.secret-item.found{color:#a9c4da}
.secret-item>span:first-child{color:#7497b4}
.series-tag{border:1px solid #1c1723}
.card-series{color:#7497b4}
.undiscovered .card-series{color:#356488}
.detail-class{color:#7497b4}
.detail-level p{color:#a9c4da}
.detail-level p b{color:#dae7f1}
#save-code-input{background:#1c1723;border:1px solid #1e3b64;color:#a9c4da}
.haul-row{border:1px solid #1c1723;background:#1c1723;color:#a9c4da}
.haul-row b{color:#dae7f1}
.haul-row>span>span{color:#7497b4}
.haul-row.new{border-color:#1e3b64}
.haul-total{color:#a9c4da}
.class-chips button{border:1px solid #1c1723;color:#7497b4;background:#1c1723}
.class-chips button[aria-pressed="true"]{border-color:var(--class-color,#dae7f1);color:var(--class-color,#dae7f1);background:#1c1723}
.title-word{color:#dae7f1;text-shadow:0 0 34px #a9c4da40,0 2px 18px #1c1723}
.title-hint{color:#7497b4}
.family-tag{border:1px solid #1c1723;color:#7497b4}
.family-strip button{border:1px solid #1c1723;color:#7497b4;background:#1c1723}
.family-strip button span{color:#356488}
.family-strip button.complete span{color:#a9c4da}
.family-strip button[aria-pressed="true"]{border-color:#a9c4da;color:#dae7f1;background:#1c1723}
.family-note{color:#7497b4}
.detail-family{color:#7497b4}
.chest-family{color:#7497b4}
.first-text{color:#a9c4da}
.first-dots i{background:#1c1723}
.first-dots i.on{background:#a9c4da}
.profile-picker{border-bottom:1px solid #1c1723}
.profile-stats{color:#7497b4}
.first-name{background:#1c1723;border:1px solid #1e3b64;color:#dae7f1}
.first-dots button{background:#1c1723}
.first-dots button.on{background:#a9c4da}
.guide-button{color:#7497b4}
.guide-button:hover{border-color:#1c1723}
.profile-avatar-button span{color:#7497b4}
.profile-field p{color:#a9c4da}
.stat-tile{border:1px solid #1c1723;background:#1c1723}
.stat-tile b{color:#dae7f1}
.detail-life{border-top:1px solid #1c1723}
.life-lines{color:#a9c4da}
.life-lines li::before{color:#356488}
.life-awaken-note{color:#7497b4}
.bottom-nav{border:1px solid #1c1723;background:#1c1723}
.nav-item{color:#7497b4}
.nav-item b{color:#356488}
.nav-item.is-active{color:#dae7f1;background:#1c1723}
.nav-item:hover{color:#dae7f1}
.nav-badge{color:#1c1723;background:#a9c4da}
.edit-favorites:hover{color:#dae7f1}
.profile-pill{border:1px solid #1c1723;background:#1c1723;color:#a9c4da}
.favorites-grid{border-bottom:1px solid #1c1723}
.chest-tier{border:1px solid #1e3b64;background:#1c1723}
.chest-tier-name{color:#dae7f1}
.chest-tier-line{color:#7497b4}
.nav-badge.muted{background:#1c1723;color:#7497b4}
.nav-badge{background:#356488}
.nav-badge.is-ready{background:#a9c4da;box-shadow:0 0 8px #a9c4da}
.nav-badge{background:#1c1723;color:#7497b4}
.nav-badge.is-ready{background:#a9c4da;color:#1c1723;box-shadow:0 0 8px #a9c4da55}
.chest-tier{background:linear-gradient(180deg,#1c1723,#1c1723)}
.chest-tier:not(:disabled):hover{border-color:#356488}
.bottom-nav{background:linear-gradient(180deg,#1c1723,#1c1723)}
.account{border-top:1px solid #1c1723}
.account-line{color:#a9c4da}
.account-line b{color:#dae7f1}
.account input{background:#1c1723;border:1px solid #1e3b64;color:#dae7f1}
.cloud-choices span{color:#7497b4}
.market-row{border:1px solid #1c1723;background:#1c1723}
.market-row-text b{color:#dae7f1}
.market-row-text span{color:#7497b4}
.nav-badge.is-ready{background:#a9c4da;color:#1c1723}
.journey-label{color:#a9c4da}
.journey-label.is-home{color:#dae7f1}
.chest-tier-line{color:#7497b4}
.copy-chip{border:1px solid #1c1723;background:#1c1723}
.copy-chip b{color:#dae7f1}
.copy-chip.picked{border-color:#a9c4da;background:#1c1723}
.share-button{color:#7497b4}
.pet-level{color:#7497b4}
.detail-close{border:1px solid #1c1723;background:#1c1723cc;color:#a9c4da}
.detail-close:hover,.detail-close:focus-visible{background:#1c1723}
.icon-button{border:1px solid #1c1723;background:#1c172300;color:#7497b4}
.icon-button:hover,.icon-button:focus-visible{background:#1c1723;border-color:#1e3b64}
.detail-close{border-color:#1c1723;background:#1c1723cc}
#journey-badge.is-ready{color:#a9c4da}
.world-hint{color:#7497b4}
.quest-label{color:#a9c4da}
.quest-route{border:1px solid #1e3b64;background:#1c1723;color:#a9c4da}
.quest-route[aria-pressed=true]{background:#1c1723}
.quest-route:hover{background:#1c1723}
.route-description{color:#7497b4}
.journey-caption>.micro{color:#a9c4da}
.journey-caption>p:last-child{color:#7497b4}
.journey-progress{background:#1c1723}
.journey-progress>div{background:#a9c4da}
.quest-time{color:#a9c4da}
.quest-postcards{border-top:1px solid #1c1723}
.quest-postcards>.micro{color:#7497b4}
.postcard{border:1px solid #1e3b64;background:#1c1723}
.postcard-header{color:#a9c4da}
.postcard-story{color:#a9c4da}
.postcard-rewards{color:#a9c4da}
.quest-row{border:1px solid #1c1723;background:#1c1723;color:#a9c4da}
.quest-row.focused{border-color:#356488}
.quest-row.ready{border-color:#a9c4da}
.quest-row b{color:#dae7f1}
.quest-row>span>span{color:#7497b4}
.quest-row-bar{background:#a9c4da}
.quest-row.empty b{color:#7497b4}
.quest-row-plus{color:#356488}
.expedition-meter>div{border:1px solid #1c1723;background:#1c1723}
.expedition-meter b{color:#dae7f1}
.expedition-chip{border:1px solid #1c1723;background:#1c1723}
.journey-away .journey-frame{border:1px solid #1c1723}
.expedition-tools button{border:1px solid #1c1723;color:#7497b4}
.expedition-tools button:hover{border-color:#1e3b64}
.scuffle-help{color:#7497b4}
.scuffle-join input{background:#1c1723;border:1px solid #1e3b64;color:#dae7f1}
.scuffle-status{color:#a9c4da}
.scuffle-code-big{color:#dae7f1;text-shadow:0 0 22px #a9c4da55}
.scuffle-rules{border-top:1px solid #1c1723;color:#7497b4}
.scuffle-rules summary{color:#a9c4da}
.scuffle-rules summary:before{color:#356488}
.scuffle-moon{border:1px solid #1e3b64;background:#1c1723}
.scuffle-moon b{color:#dae7f1}
.scuffle-moon p{color:#7497b4}
.scuffle-slot{border:1px solid #1e3b64;background:#1c1723;color:#a9c4da}
.scuffle-slot.lantern{background:#1c1723}
.scuffle-slot-meta b{color:#dae7f1}
.scuffle-slot-empty{color:#1e3b64}
.scuffle-grid{border-top:1px solid #1c1723;border-bottom:1px solid #1c1723}
.scuffle-card{border:1px solid #1c1723;background:#1c1723;color:#a9c4da}
.scuffle-card.picked{background:#1c1723}
.scuffle-card-name{color:#dae7f1}
.scuffle-caption{color:#dae7f1}
.scuffle-chip{border:1px solid #1c1723;background:#1c1723}
.scuffle-result{color:#a9c4da}
.scuffle-result b{color:#dae7f1}
.trade-panel{border:1px dashed #1e3b64}
.trade-panel.filled{background:#1c1723}
.trade-panel b{color:#dae7f1}
.trade-panel-meta{color:#7497b4}
.trade-panel-empty{color:#356488}
.trade-result h3{color:#dae7f1}
.scuffle-stage{color:#7497b4}
.trade-panel-tag{color:#7497b4;border:1px solid #1c1723}
.trade-panel-tag.new{color:#a9c4da;border-color:#1e3b64}
.scuffle-code-text{background:#1c1723;border:1px solid #1e3b64;color:#a9c4da}
.play-join{border:1px dashed #1e3b64}
.play-card{border:1px solid #1e3b64;background:#1c1723}
.play-card-text b{color:#dae7f1}
.play-card-text p{color:#7497b4}
.play-moon{color:#7497b4}
.play-section{border-top:1px solid #1c1723}
.journal-dialog{background:#1c1723}
.chapter-goal.done .goal-check{color:#a9c4da}
.wish-pet.picked{background:color-mix(in srgb,var(--wish-color) 9%,#1c1723)}
.daily-row{border:1px solid #1c1723;background:#1c1723}
.daily-row.done{border-color:#356488;background:#1c1723}
.daily-text b{color:#dae7f1}
.daily-text span{color:#7497b4}
.nav-badge[data-kind="tonight"]{background:#2c2838;color:#7497b4;border:1px solid #1e3b64}
.nav-badge[data-kind="ready"]{background:#a9c4da;color:#1c1723}
#chest-countdown small{color:#7497b4}
.chest-family-choice{border:1px solid #a9c4da3d;color:#a9c4da;background:#7497b409}
.chest-family-dialog{background:#1c1723}
.chest-family-dialog footer{background:#1c1723}
.news-lines li{color:#a9c4da}
.update-bar{border:1px solid #1e3b64;background:#1c1723f2}
.update-bar p{color:#dae7f1}
.update-bar .text-button{color:#7497b4}
.install-block{border:1px solid #1c1723;background:#1c1723}
.notify-block{border:1px solid #1c1723;background:#1c1723}
.notify-row b{color:#dae7f1}
.notify-ask-list li{color:#a9c4da}
.notify-block[data-state="on"]{border-color:#356488}
.notify-block[data-state="on"] .micro::after{color:#7497b4}
.friend-match{color:#a9c4da}
.friend-swap{border-top:1px solid #1c1723}
.friend-swap summary{color:#a9c4da}
.friend-swap summary::before{color:#356488}
.swap-chip{border:1px solid #1c1723;background:#1c1723}
.swap-chip span{color:#7497b4}
.share-paste .share-input{background:#1c1723;border:1px solid #1e3b64;color:#dae7f1}
.friend-offer{border-top:1px solid #1c1723}
.offer-deal b{color:#dae7f1}
.offer-grid{border-bottom:1px solid #1c1723}
.offer-dust,.offer-note{background:#1c1723;border:1px solid #1e3b64;color:#dae7f1}
.waiting-card{border-color:#356488;background:linear-gradient(180deg,#1c1723,#1c1723)}
.waiting-line{border-bottom:1px solid #1c1723}
.waiting-line b{color:#dae7f1}
.waiting-deal{color:#7497b4}
.friend-cell{border:1px solid #1c1723;background:#1c1723}
.friend-cell-name{color:#a9c4da}
.friend-cell-mark{color:#7497b4}
.friend-cell{border-color:color-mix(in srgb,var(--rarity-color,#1c1723) 34%,#1c1723)}
.friend-cell:hover{border-color:var(--rarity-color,#1e3b64)}
.coat-count{color:#1c1723;background:#a9c4da}
.friend-cell-rarity{color:var(--rarity-color,#7497b4)}
.friend-cell-mark.send{color:#a9c4da}
.bottom-nav .nav-badge,.bottom-nav #collection-count{background:#1c1723;color:#7497b4;border:1px solid #1c1723}
.bottom-nav .nav-badge[data-kind="ready"],.bottom-nav .nav-badge[data-kind="chapter"],.bottom-nav .nav-badge[data-kind="wish"]{background:#a9c4da;color:#1c1723;border-color:#a9c4da}
.bottom-nav .nav-badge[data-kind="tonight"]{background:#1c1723;color:#7497b4;border-color:#1e3b64}
.bottom-nav .nav-badge[data-kind="tonight"]{color:#a9c4da}
.welcome-card{background:linear-gradient(180deg,#1c1723fa,#1c1723f7);border:1px solid #1e3b64}
.welcome-line{color:#dae7f1}
.welcome-input{background:#1c1723;border:1px solid #1e3b64;color:#dae7f1}
.welcome-input::placeholder{color:#356488}
.welcome-skip:hover{color:#a9c4da}