/* Section identity. Original four logo circles retain their artwork and colours. */
html[data-theme] body{--section-accent:#ffc900;--section-ink:#725600;--section-soft:rgba(255,201,0,.18);--section-on:#2b250e}
html[data-theme] body.bible-v2{--section-accent:#91ce16;--section-ink:#416812;--section-soft:rgba(145,206,22,.2);--section-on:#20310c;--purple:var(--section-accent);--purple-soft:var(--section-soft)}
html[data-theme]:has(.calendar-app) body{--section-accent:#f40820;--section-ink:#b0172a;--section-soft:rgba(244,8,32,.13);--section-on:#fff}
html[data-theme]:has(.intro) body{--section-accent:#8b0b83;--section-ink:#8b0b83;--section-soft:rgba(139,11,131,.15);--section-on:#fff}
html[data-theme="dark"] body{--section-ink:#edcf65}
html[data-theme="dark"] body.bible-v2{--section-ink:#b5df70;--section-soft:rgba(145,206,22,.19)}
html[data-theme="dark"]:has(.calendar-app) body{--section-ink:#ff9cab}
html[data-theme="dark"]:has(.intro) body{--section-ink:#dfa1da}
/* Reserve enough space for a modestly larger active icon, without a ring or pill. */
html[data-theme] [data-b27-nav][data-b27-nav]>a{grid-template-rows:38px 18px!important;gap:4px!important;min-height:60px!important}
html[data-theme] [data-b27-nav][data-b27-nav]>.active>i{outline:none!important;box-shadow:none!important;transform:scale(1.1)!important}
html[data-theme] [data-b27-nav][data-b27-nav]>.active>.nav-label{font-size:11.5px!important;line-height:18px!important;font-weight:750!important}
/* Today, including the daily plan reader and audio player. Extra specificity
   prevents old, later-loaded purple rules from taking over the section colours. */
html[data-theme] body[data-page][data-page="home"]{--today-old:var(--section-ink);--today-new:var(--section-ink);--today-old-surface:var(--section-soft);--today-new-surface:var(--section-soft)}
html[data-theme] body[data-page][data-page="home"] .reading-card .bar i{background:var(--section-accent)!important}
html[data-theme] body[data-page][data-page="home"] .golden-verse__text{border-color:var(--section-accent)!important}
html[data-theme] body[data-page][data-page="home"] .daily-events__all{color:var(--section-ink)!important}
html[data-theme] body[data-page][data-page="read"]{--rp-purple:var(--section-ink);--rp-selection:var(--section-soft)}
html[data-theme] body[data-page][data-page="read"] .top{background:rgba(248,232,168,.65)!important}
html[data-theme="dark"] body[data-page][data-page="read"] .top{background:rgba(65,57,32,.75)!important}
html[data-theme] body[data-page][data-page="read"] .top h1{color:var(--section-ink)!important}
html[data-theme] body[data-page][data-page="read"] :is(.act[data-font-open],.fontbox .font-options button.is-active,.ch-nav .prev,.ch-nav .next,.b27-calendar-day.is-selected){background:var(--section-accent)!important;color:var(--section-on)!important;box-shadow:inset 0 1px 1px rgba(255,255,255,.4)!important}
html[data-theme] body[data-page][data-page="read"] .ch-nav :is(.prev,.next):not(.off){color:var(--section-on)!important;border-color:rgba(255,255,255,.5)!important}
html[data-theme] body[data-page][data-page="read"] .ch-nav .count{background:var(--section-soft)!important;color:var(--section-ink)!important}
html[data-theme] body[data-page][data-page="read"] .verse.selected .verse-number{background:var(--section-accent)!important;color:var(--section-on)!important}
html[data-theme] body[data-page][data-page="listen"]{--au-purple:var(--section-ink)}
html[data-theme] body[data-page][data-page="listen"] .round.play{background:linear-gradient(145deg,#ffdb58,#f5c400)!important;color:var(--section-on)!important;box-shadow:inset 0 2px 2px rgba(255,255,255,.45),0 8px 22px rgba(180,143,0,.2)!important}
html[data-theme] body[data-page][data-page="listen"] .plan-card .label{color:var(--section-ink)!important}
html[data-theme] body[data-page][data-page="listen"] :is(.track[aria-current="true"] .number,#retryAudio,.b27-date-popover button.is-selected,.b27-date-popover button[aria-selected="true"]){background:var(--section-accent)!important;color:var(--section-on)!important}
html[data-theme] body[data-page][data-page="listen"] :is(.time input,.autoplay input){accent-color:#ffc900!important}
html[data-theme] body:is([data-page="home"],[data-page="read"]) .b27-date-popover .b27-calendar-day.is-selected{background:#ffc900!important;color:#2b250e!important}
/* Free Bible: green identity for default selection and primary reader actions.
   Explicit user-chosen highlighting colours remain untouched. */
html[data-theme] body.bible-v2 .verse-actions-v2 button svg{color:var(--section-ink)!important}
html[data-theme] body.bible-v2 :is(.chapter-arrow,.book-tile.is-selected,.chapter-tile.is-current,.translation-row-v2>span){border-color:var(--section-accent)!important}
html[data-theme] body.bible-v2 :is(.chapter-tile.is-current,.translation-row-v2>span,.verse.selected .verse-number){background:var(--section-accent)!important;color:var(--section-on)!important}
html[data-theme] body.bible-v2 :is(.font-options button.is-active,.theme-options button.is-active,.tabs-v2 .is-active){background:var(--section-soft)!important;color:var(--section-ink)!important;border-color:var(--section-accent)!important}
/* Calendar retains event-category colours; its controls use the red section colour. */
html[data-theme] body:has(.calendar-app) .day-cell.is-selected .day-cell__number{background:var(--section-accent)!important;color:#fff!important;box-shadow:0 4px 12px rgba(244,8,32,.18)!important}
html[data-theme] body:has(.calendar-app) :is(.calendar-toolbar .today,.primary-cta){background:var(--section-accent)!important;color:#fff!important}
html[data-theme] body:has(.calendar-app) :is(.calendar-toolbar button,.sheet-close,.sheet-bottom-close){color:var(--section-ink)!important}
/* Contacts use the purple 29 circle colour for link icons and arrows. */
html[data-theme] body:has(.intro) :is(.icon,.arrow,.church-link,.link){color:var(--section-ink)!important}
html[data-theme] body:has(.intro) :is(.icon.social,.section>.icon){background:var(--section-soft)!important;color:var(--section-ink)!important}
html[data-theme] body.bible-v2 .chapter-arrow:not(:disabled){color:var(--section-ink)!important}
html[data-theme] body.bible-v2 .book-grid .book-tile.is-selected,
html[data-theme] body.bible-v2 .book-grid[data-old-books] .book-tile.is-selected{background:var(--section-soft)!important;color:var(--section-ink)!important;border-color:var(--section-accent)!important}