/* Verified foreground/background pairs for the 14 Oct colorful section palettes.
   This layer deliberately overrides the old white/yellow header declarations. */
.screen{--s:#805015;--muted:#554b53;--ink:#332d35}
:is(#app,main) .screen :is(.app-page-head,.subhead){color:var(--bb-ink)}
:is(#app,main) .screen .app-page-head :is(h1,h2,h3){color:var(--bb-accent)}
:is(#app,main) .screen .app-page-head p{color:#4b3d51!important;opacity:1;line-height:1.8;font-weight:500}
:is(#app,main) .screen .app-page-head .back,:is(#app,main) .screen :is(.back,.page-back,.ml-back){background:#fffdf9!important;border:1px solid var(--bb-accent)!important;color:var(--bb-accent)!important;opacity:1;min-height:44px;font-weight:700}
:is(#app,main) .screen :is(.muted,.small-note,.search-help){color:#554b53}
:is(#app,main) .screen :is(.action-card em,.ai-link){color:var(--bb-accent)}
:is(#app,main) .screen .primary:not(:disabled){background-color:var(--bb-accent);background-image:linear-gradient(130deg,var(--bb-accent),#372a42);color:#fff}
:is(#app,main) .screen .ai-link{background:#fffdf9;border:1px solid var(--bb-edge);border-radius:10px;padding:7px 10px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;text-decoration:none}
:is(#app,main) .screen :is(.action-card small,.bb-deity-links .action-card>span,.journey-material-btn small){color:#554b53}
:is(#app,main) .screen .journey-actions .journey-material-btn em{color:#79471c}
:is(#app,main) .screen :is(button:disabled,.primary:disabled,.secondary:disabled){opacity:1!important;background:#eae5e8!important;color:#514650!important;border-color:#bcb0b9!important;box-shadow:none!important;cursor:not-allowed}
:is(#app,main) .screen button:disabled *{color:#514650!important;opacity:1!important}
#home .home-hero{background:linear-gradient(180deg,transparent 28%,rgba(49,13,24,.94) 78%),url('assets/ram-darbar-hero.png') center 30%/cover}
#home .home-hero :is(h1,h2){color:#fff!important;text-shadow:0 1px 3px #210912}
#home .home-hero p{color:#fff3d5;opacity:1}
#home :is(.home-footer,.daily-card em,.simple-link em,.collection-card em){color:#704015}
#home .intro p{color:#704015}
#home .ml-home-entry :is(small,.ml-home-copy>span,.ml-home-arrow){color:#55415f}
#home .hub-card.hanuman :is(h1,h2,h3,b,small,em),#collection .hub-card.hanuman :is(h1,h2,h3,b,small,em){color:#fff3e8}
#home .hero-link :is(h1,h2,h3,b,small,em){color:#fff3e8}
#home .ai-card :is(h1,h2,h3,b,small,em){color:#fff}
#home .journey button small{color:#51434b}
#jap :is(.jap-eyebrow,.jap-today-badge span,.jap-id small,.mala-progress-copy,.mala-progress-copy span){color:#3b5146}
#jap .mala-center small{color:#51432c;background:#fff4d9;border-radius:8px;padding:2px 5px;opacity:1}
#jap .mala-actions .secondary{color:#185a49}
#jap :is(#japChoiceStatus,#japCustomForm small,#japSaveState,#japFavorites small){color:#405349}
#jap #japSaveState.offline{color:#693b16;background:#fff2d9}
:is(#app,main) .screen :is(.bank-how small,.bank-stat-chip span,.bank-entry .entry-date,.bank-entry .entry-amount small,.passbook-ledger-head span){color:#574738}
#bankWelcome .bank-hero-kicker,#passbook .bank-hero-kicker{color:#714019!important}
#profile :is(#profileUsername,.profile-social-status),#publicProfile .public-social-links a{color:#5b397d}
#creatorLibrary :is(.ml-eyebrow,.ml-toolbar,.ml-billing-note,.ml-owner small,.ml-note){color:#55415f}
#creatorLibrary .ml-price small{color:#55415f}
#creatorLibrary .ml-card-copy .ml-note{color:#55415f}
#creatorLibrary .ml-owner summary small{color:#55415f}
#jap .jap-today-badge small{color:#3b5146}
:is(#app,main) .screen :is(.action-card small,.result-item small,.bank-stat-chip span,.bank-how small,.entry-date,.entry-amount small,.jap-id,.jap-eyebrow,.ml-note,.ml-billing-note,.social-person-row small,.chat-row small,.profile-social-status,.search-help){font-size:.78rem;line-height:1.7}
#chat .chat-bubble small{font-size:.72rem;line-height:1.6}
#creatorLibrary .ml-tags span{font-size:.75rem;line-height:1.65}
.nav button{font-size:.72rem}
.top .brand small{font-size:.68rem;line-height:1.6}
:is(#app,main) .screen :is(.chat-row small,.chat-row strong,.social-person-row strong){color:var(--bb-accent)}
:is(#app,main) .screen :is(.chat-row em,.social-person-row small){color:#554b53}
#chat .chat-bubble.mine{background:#176066;color:#fff}
#chat .chat-bubble.mine :is(div,p,small){color:#fff;opacity:1}
#chat .chat-bubble.theirs :is(div,p,small){color:#294145;opacity:1}
#chat .chat-composer :is(.primary,.chat-send-button){color:#fff}
#notifications .notice-item>small{color:#574738}
#reels .reels-intro{background:linear-gradient(135deg,#6c1e34,#7c3022);color:#fff}
#reels .reels-intro :is(h1,h2,h3){color:#fff!important}
#reels .reels-intro p{color:#fff3df;opacity:1}
#reels :is(.reel-head small,.reels-empty){color:#574751}
:is(#app,main) .screen :is(input,textarea)::placeholder{color:#655963;opacity:1}
:is(#app,main) .screen .progress i{background:var(--bb-accent)}
:is(#app,main) .screen :is(.journey-entry,.result-item,.social-person-row,.chat-row){color:var(--bb-ink)}
:is(#app,main) .screen :is(.result-item small,.bb-k-meta,.bb-k-status,.bb-k-hint){color:#554b53}
:is(#app,main) .screen :is(button.primary,.primary):not(:disabled) :is(span,b,small){color:inherit}
:is(#app,main) .screen .journey-tabs button[aria-selected=true]{color:#fff}
.login .muted,.login .login-tag{color:#55414d}
.login #bb-public-intro a{color:#593477}
.login .chrome-button{background:#78402e;color:#fff;border:1px solid #78402e;min-height:46px}
.top .brand small{color:#55414d}
body .floating-ai,body .floating-ai span{color:#4d1721}
#bbAnnouncementPopup .bb-notice-head h2::before{color:#78511c}
.bb-k-dialog .bb-k-meta,.bb-k-dialog .bb-k-hint{color:#554738}
.bb-k-dialog button:disabled{opacity:1;background:#eae5e8;color:#514650;border-color:#bcb0b9}
@media(max-width:380px){:is(#app,main) .screen .app-page-head p{font-size:.8rem;line-height:1.85}:is(#app,main) .screen .app-page-head h1{line-height:1.6}:is(#app,main) .screen .subhead{flex-wrap:wrap;gap:8px}}

/* Critical header text: applies even when a separate stylesheet is unavailable. */
:is(#app,main) .screen :is(.app-page-head,.subhead) :is(h1,h2,h3){color:var(--bb-accent,#5b458c)!important;text-shadow:none;opacity:1}
:is(#app,main) .screen :is(.app-page-head,.subhead) p{color:#493d50!important;opacity:1!important;font-weight:600;line-height:1.8}
:is(#app,main) .screen :is(.app-page-head,.subhead) :is(.back,.page-back,.ml-back){background:#fffdf9!important;color:var(--bb-accent,#5b458c)!important;border:1px solid var(--bb-accent,#5b458c)!important;opacity:1!important}
:is(#app,main) .screen :is(.app-page-head,.subhead){background:linear-gradient(120deg,var(--bb-soft,#e9e1f9),var(--bb-soft2,#e3f3ef))!important;color:#3c3451;border-bottom:1px solid var(--bb-edge,#c4b6df)}
