/* Shared Solhyang palette for learning, games and operations. Loaded last. */
:root{--paper:#f4f8fd;--surface:#fff;--pine:#2463b7;--pine-dark:#183e68;--blue:#2463b7;--green:#18765c;--accent:#d8f3e9;--ink:#22364d;--muted:#586b80;--line:#dbe5ef;--soft:#edf4fc;--active:#e4f3ed;color-scheme:light}
:root[data-theme=dark]{--paper:#111e2c;--surface:#192b3d;--pine:#9dc5ff;--pine-dark:#183e68;--blue:#9dc5ff;--green:#8ed9bc;--accent:#25483f;--ink:#e8f0fb;--muted:#b6c7da;--line:#3b5269;--soft:#22384e;--active:#25483f;color-scheme:dark}
html,body,body:has(.workspace[data-view=library]){background:var(--paper);color:var(--ink)}
.brand-pine{color:var(--pine)}.brand-lingo{color:var(--green)}.brand-credit{color:var(--muted)}
.primary-button,.library-selection-bar .primary-button,.category-selection-actions .primary-button{background:var(--pine);border-color:var(--pine);color:var(--surface)}
html:not([data-theme=dark]) .primary-button{color:#fff}
.primary-button:not(:disabled):hover{background:#1c5199;border-color:#1c5199;color:#fff}
:is(button,input,select,textarea,a):focus-visible{outline:3px solid var(--pine);outline-offset:3px}
input,select,textarea{border-color:var(--line);color:var(--ink)}
.site-header .home-language-settings .site-language select{background:var(--surface);color:var(--ink);border-color:var(--line)}
.site-header .home-language-settings .language-pair{box-shadow:0 3px 12px #1d4f8010}
.nav-button.active,.registration-presets button[aria-pressed=true]{background:var(--pine);border-color:var(--pine);color:var(--surface)}
.site-header .nav-button:not(.active):hover{background:var(--soft);color:var(--pine)}
.workspace[data-view=library] .resume-learning{background:linear-gradient(110deg,var(--soft),var(--active));border-color:var(--line);border-inline-start:4px solid var(--green)}
.workspace[data-view=library] .resume-actions .primary-button{background:var(--green);border-color:var(--green);color:var(--surface)}
html:not([data-theme=dark]) .workspace[data-view=library] .resume-actions .primary-button{color:#fff}
.learning-category-card{background:var(--surface);border-color:var(--line)!important;box-shadow:0 4px 16px #234d7810}
.learning-category-card:nth-child(3n+1){border-top:3px solid #488bd7!important}
.learning-category-card:nth-child(3n+2){border-top:3px solid #42a58b!important}
.learning-category-card:nth-child(3n){border-top:3px solid #6b9ebc!important}
.learning-category-card:hover{border-color:var(--pine)!important;box-shadow:0 8px 24px #234d781a}
.learning-category-card.is-selected{background:var(--active);outline:2px solid var(--green);outline-offset:-2px}
.category-counts>span,.nav-count{background:var(--soft);color:var(--pine)}
.category-tools button{color:var(--green)}
.category-selection-actions{background:var(--soft);border:1px solid var(--line)}
.profile-account,.profile-panel,.wordbook-card,.wordbook-filter-panel,.collection-empty,.sentence,.home-today-card{background:var(--surface);border-color:var(--line)}
.sentence.active{background:var(--active)}
.home-playlist,.bible-learning-note{background:var(--active);border-color:var(--line)}
.audio-bar,.wordbook-study-bar{background:var(--surface);border-color:var(--line);box-shadow:0 -6px 28px #234d7814}
/* Game pages retain green success states with a cooler blue shell. */
body:has(#game-lobby) header,body:has(.admin-signin) header{background:var(--pine-dark);color:#fff}
.game-arena,.game-hud{background:var(--pine-dark)}
.game-launch-panel,.wallet{background:var(--soft);border-color:var(--line);color:var(--ink)}
.game-primary,#game-start{background:#2463b7;border-color:#2463b7;border-bottom-color:#183e68;color:#fff}
.game-mode-grid button[aria-pressed=true]{border-color:var(--pine);background:var(--soft);color:var(--ink)}
/* Management uses the same neutral surfaces and blue/green accents. */
.workspace-page{--muted:#586b80;--line:#dbe5ef;--green:#18765c;background:var(--paper);color:var(--ink)}
.workspace-page header.admin-topbar{background:var(--surface);border-color:var(--line);color:var(--ink)}
.workspace-page .back{background:var(--soft);color:var(--pine)}
.workspace-page .welcome-panel p{color:var(--muted)}
.workspace-page .primary-link{background:var(--green);color:#fff}
.workspace-page .primary-link:hover{background:#125c48;color:#fff}
.workspace-page .admin-sidebar{background:var(--surface);border-color:var(--line)}
.workspace-page .welcome-panel{background:linear-gradient(115deg,var(--soft),var(--active));border-color:var(--line);color:var(--ink)}
.workspace-page :is(.metric,.panel,.ticket,.action-card){background:var(--surface);border-color:var(--line)}
.workspace-page .workspace-nav button[aria-pressed=true],.workspace-page nav button[aria-pressed=true]{background:var(--soft);color:var(--pine);border-color:var(--line)}
.workspace-page .bar-track{background:var(--soft)}.workspace-page .bar-fill{background:var(--green)}
.workspace-page :is(.eyebrow,.welcome-kicker,.section-tag){color:var(--green)}
body:has(.readiness-table)>header,body:has(#cost-form)>header{background:var(--pine-dark);color:#fff}
#cost-form>button,.gmail-actions button,#ticket-list [data-send-reply]{background:var(--pine);color:#fff;border-color:var(--pine)}
body:has(#game-lobby) header .brand-pine{color:#c1ddff}body:has(#game-lobby) header .brand-lingo{color:#a3e3cc}body:has(#game-lobby) header .brand-credit{color:#d2e0ef}
@media(prefers-reduced-motion:reduce){.learning-category-card{transition:none}}
/* Surface background shorthands above must not reset decorative flag layout. */
.site-header .home-language-settings .site-language select.language-flag-select,.onboarding-languages select.language-flag-select{background-repeat:no-repeat;background-position:left 10px center;background-size:24px 18px;padding-inline-start:42px}
[dir=rtl] .site-header .home-language-settings .site-language select.language-flag-select,[dir=rtl] .onboarding-languages select.language-flag-select{background-position:right 10px center}
/* Larger category characters, with only the title and lesson count. */
.category-open{grid-template-columns:132px minmax(0,1fr);grid-template-rows:auto auto;gap:8px 16px;min-height:160px}
.category-open p{display:none}
.category-open .category-art-wrap{grid-column:1;grid-row:1/3;width:132px;height:144px}
.category-open h2{grid-column:2;grid-row:1;align-self:end}
.category-open .category-counts{grid-column:2;grid-row:2;align-self:start}
@media(max-width:680px){.category-open{grid-template-columns:1fr;grid-template-rows:auto auto auto;justify-items:center;gap:8px;min-height:210px;text-align:center;padding:4px}.category-open .category-art-wrap{grid-column:1;grid-row:1;width:112px;height:124px}.category-open h2{grid-column:1;grid-row:2;align-self:center}.category-open .category-counts{grid-column:1;grid-row:3;justify-content:center}}