/* Home “front” shell: theme from (see js/siteTheme.js). RWA matches XRPL RWA Asset Management (.rwa-shell). */
/* ——— Crimson (default) ——— */
html[data-home-theme="crimson"] .home-shell.home-shell--front,
html[data-home-theme="crimson"] .mud-paper.home-shell.home-shell--front,
html:not([data-home-theme]) .home-shell.home-shell--front,
html:not([data-home-theme]) .mud-paper.home-shell.home-shell--front {
--home-scenic-image: none;
min-height: 78vh;
border-radius: 16px;
border: 1px solid rgba(234, 179, 8, 0.45) !important;
outline: none !important;
background-color: #1c0709 !important;
background-image:
linear-gradient(168deg, #2a0a0e 0%, #1a0508 42%, #0f0305 100%),
radial-gradient(ellipse 120% 90% at 100% 0%, rgba(185, 28, 28, 0.35) 0%, transparent 52%),
radial-gradient(ellipse 90% 70% at 0% 100%, rgba(127, 29, 29, 0.45) 0%, transparent 48%),
radial-gradient(900px 380px at 50% 0%, rgba(234, 179, 8, 0.12), transparent 58%) !important;
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
box-shadow:
0 1px 0 rgba(253, 230, 138, 0.12) inset,
0 18px 48px rgba(0, 0, 0, 0.55) !important;
color: #fde68a !important;
}
html[data-home-theme="crimson"] .home-shell.home-shell--front .home-title,
html[data-home-theme="crimson"] .mud-paper.home-shell.home-shell--front .home-title,
html:not([data-home-theme]) .home-shell.home-shell--front .home-title,
html:not([data-home-theme]) .mud-paper.home-shell.home-shell--front .home-title {
color: #fef3c7 !important;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.65), 0 0 28px rgba(234, 179, 8, 0.18);
}
html[data-home-theme="crimson"] .home-shell.home-shell--front .home-brand,
html[data-home-theme="crimson"] .mud-paper.home-shell.home-shell--front .home-brand,
html:not([data-home-theme]) .home-shell.home-shell--front .home-brand,
html:not([data-home-theme]) .mud-paper.home-shell.home-shell--front .home-brand {
color: #fcd34d !important;
}
html[data-home-theme="crimson"] .home-shell.home-shell--front .home-brand-suffix,
html[data-home-theme="crimson"] .mud-paper.home-shell.home-shell--front .home-brand-suffix,
html:not([data-home-theme]) .home-shell.home-shell--front .home-brand-suffix,
html:not([data-home-theme]) .mud-paper.home-shell.home-shell--front .home-brand-suffix {
color: #fbbf24 !important;
font-weight: 600;
}
html[data-home-theme="crimson"] .home-shell.home-shell--front .home-verse-text,
html[data-home-theme="crimson"] .mud-paper.home-shell.home-shell--front .home-verse-text,
html:not([data-home-theme]) .home-shell.home-shell--front .home-verse-text,
html:not([data-home-theme]) .mud-paper.home-shell.home-shell--front .home-verse-text {
color: #fde68a !important;
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.55);
}
html[data-home-theme="crimson"] .home-shell.home-shell--front .home-verse-ref,
html[data-home-theme="crimson"] .mud-paper.home-shell.home-shell--front .home-verse-ref,
html:not([data-home-theme]) .home-shell.home-shell--front .home-verse-ref,
html:not([data-home-theme]) .mud-paper.home-shell.home-shell--front .home-verse-ref {
color: #fbbf24 !important;
}
html[data-home-theme="crimson"] .home-shell.home-shell--front .home-nav,
html[data-home-theme="crimson"] .mud-paper.home-shell.home-shell--front .home-nav,
html:not([data-home-theme]) .home-shell.home-shell--front .home-nav,
html:not([data-home-theme]) .mud-paper.home-shell.home-shell--front .home-nav {
border-top-color: rgba(234, 179, 8, 0.38);
border-bottom-color: rgba(234, 179, 8, 0.38);
}
html[data-home-theme="crimson"] .home-shell.home-shell--front .home-nav-link,
html[data-home-theme="crimson"] .mud-paper.home-shell.home-shell--front .home-nav-link,
html:not([data-home-theme]) .home-shell.home-shell--front .home-nav-link,
html:not([data-home-theme]) .mud-paper.home-shell.home-shell--front .home-nav-link {
color: #fcd34d !important;
}
html[data-home-theme="crimson"] .home-shell.home-shell--front .home-nav-link:hover,
html[data-home-theme="crimson"] .home-shell.home-shell--front .home-nav-link:focus-visible,
html[data-home-theme="crimson"] .mud-paper.home-shell.home-shell--front .home-nav-link:hover,
html[data-home-theme="crimson"] .mud-paper.home-shell.home-shell--front .home-nav-link:focus-visible,
html:not([data-home-theme]) .home-shell.home-shell--front .home-nav-link:hover,
html:not([data-home-theme]) .home-shell.home-shell--front .home-nav-link:focus-visible,
html:not([data-home-theme]) .mud-paper.home-shell.home-shell--front .home-nav-link:hover,
html:not([data-home-theme]) .mud-paper.home-shell.home-shell--front .home-nav-link:focus-visible {
background: rgba(234, 179, 8, 0.12);
color: #fef3c7 !important;
}
html[data-home-theme="crimson"] .home-shell.home-shell--front .home-theme-label,
html[data-home-theme="crimson"] .mud-paper.home-shell.home-shell--front .home-theme-label,
html:not([data-home-theme]) .home-shell.home-shell--front .home-theme-label,
html:not([data-home-theme]) .mud-paper.home-shell.home-shell--front .home-theme-label {
color: #eab308 !important;
}
html[data-home-theme="crimson"] .home-shell.home-shell--front .home-theme-select,
html[data-home-theme="crimson"] .mud-paper.home-shell.home-shell--front .home-theme-select,
html:not([data-home-theme]) .home-shell.home-shell--front .home-theme-select,
html:not([data-home-theme]) .mud-paper.home-shell.home-shell--front .home-theme-select {
color: #fef3c7 !important;
background: rgba(69, 10, 10, 0.75);
border: 1px solid rgba(234, 179, 8, 0.55);
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset;
}
html[data-home-theme="crimson"] .home-shell.home-shell--front .home-admin-submenu,
html[data-home-theme="crimson"] .mud-paper.home-shell.home-shell--front .home-admin-submenu,
html:not([data-home-theme]) .home-shell.home-shell--front .home-admin-submenu,
html:not([data-home-theme]) .mud-paper.home-shell.home-shell--front .home-admin-submenu,
html[data-home-theme="crimson"] .home-shell.home-shell--front .home-games-submenu,
html[data-home-theme="crimson"] .mud-paper.home-shell.home-shell--front .home-games-submenu,
html:not([data-home-theme]) .home-shell.home-shell--front .home-games-submenu,
html:not([data-home-theme]) .mud-paper.home-shell.home-shell--front .home-games-submenu,
html[data-home-theme="crimson"] .home-shell.home-shell--front .home-xrpl-token-flyout,
html[data-home-theme="crimson"] .mud-paper.home-shell.home-shell--front .home-xrpl-token-flyout,
html:not([data-home-theme]) .home-shell.home-shell--front .home-xrpl-token-flyout,
html:not([data-home-theme]) .mud-paper.home-shell.home-shell--front .home-xrpl-token-flyout,
html[data-home-theme="crimson"] .home-shell.home-shell--front .home-admin-nested-flyout,
html[data-home-theme="crimson"] .mud-paper.home-shell.home-shell--front .home-admin-nested-flyout,
html:not([data-home-theme]) .home-shell.home-shell--front .home-admin-nested-flyout,
html:not([data-home-theme]) .mud-paper.home-shell.home-shell--front .home-admin-nested-flyout {
border: 1px solid rgba(234, 179, 8, 0.45);
background: rgba(40, 8, 10, 0.97);
box-shadow: 0 14px 32px rgba(0, 0, 0, 0.55);
}
html[data-home-theme="crimson"] .home-shell.home-shell--front .home-panel,
html[data-home-theme="crimson"] .mud-paper.home-shell.home-shell--front .home-panel,
html:not([data-home-theme]) .home-shell.home-shell--front .home-panel,
html:not([data-home-theme]) .mud-paper.home-shell.home-shell--front .home-panel {
border: 1px solid rgba(234, 179, 8, 0.5) !important;
background:
linear-gradient(
118deg,
rgba(254, 243, 199, 0.09) 0%,
rgba(254, 202, 202, 0.025) 40%,
transparent 52%,
rgba(0, 0, 0, 0.38) 100%
),
linear-gradient(165deg, #4a0e14 0%, #300910 48%, #180506 100%) !important;
box-shadow:
0 1px 0 rgba(253, 230, 138, 0.2) inset,
0 -1px 0 rgba(0, 0, 0, 0.45) inset,
0 0 0 1px rgba(185, 28, 28, 0.25) inset,
0 10px 36px rgba(0, 0, 0, 0.48);
backdrop-filter: none;
-webkit-backdrop-filter: none;
}
html[data-home-theme="crimson"] .home-shell.home-shell--front .home-panel-accent,
html[data-home-theme="crimson"] .mud-paper.home-shell.home-shell--front .home-panel-accent,
html:not([data-home-theme]) .home-shell.home-shell--front .home-panel-accent,
html:not([data-home-theme]) .mud-paper.home-shell.home-shell--front .home-panel-accent {
border-color: rgba(250, 204, 21, 0.55) !important;
background:
linear-gradient(
122deg,
rgba(254, 249, 195, 0.1) 0%,
rgba(252, 165, 165, 0.035) 38%,
transparent 54%,
rgba(30, 6, 8, 0.48) 100%
),
linear-gradient(145deg, #5c1018 0%, #420c12 42%, #240608 100%) !important;
box-shadow:
0 1px 0 rgba(254, 240, 138, 0.22) inset,
0 -1px 0 rgba(0, 0, 0, 0.42) inset,
0 0 0 1px rgba(220, 38, 38, 0.22) inset,
0 12px 38px rgba(0, 0, 0, 0.5);
backdrop-filter: none;
-webkit-backdrop-filter: none;
}
/* Panel titles: white, title case from markup. Panel copy / links: same as .home-verse-text (#fde68a). */
html[data-home-theme="crimson"] .home-shell.home-shell--front .home-panel-title,
html[data-home-theme="crimson"] .mud-paper.home-shell.home-shell--front .home-panel-title,
html:not([data-home-theme]) .home-shell.home-shell--front .home-panel-title,
html:not([data-home-theme]) .mud-paper.home-shell.home-shell--front .home-panel-title {
color: #ffffff !important;
text-transform: none;
letter-spacing: 0.04em;
}
html[data-home-theme="crimson"] .home-shell.home-shell--front .home-panel-lead,
html[data-home-theme="crimson"] .mud-paper.home-shell.home-shell--front .home-panel-lead,
html:not([data-home-theme]) .home-shell.home-shell--front .home-panel-lead,
html:not([data-home-theme]) .mud-paper.home-shell.home-shell--front .home-panel-lead {
color: #fde68a !important;
}
html[data-home-theme="crimson"] .home-shell.home-shell--front .home-panel-body,
html[data-home-theme="crimson"] .mud-paper.home-shell.home-shell--front .home-panel-body,
html:not([data-home-theme]) .home-shell.home-shell--front .home-panel-body,
html:not([data-home-theme]) .mud-paper.home-shell.home-shell--front .home-panel-body {
color: #fde68a !important;
}
html[data-home-theme="crimson"] .home-shell.home-shell--front .home-panel-meta,
html[data-home-theme="crimson"] .mud-paper.home-shell.home-shell--front .home-panel-meta,
html:not([data-home-theme]) .home-shell.home-shell--front .home-panel-meta,
html:not([data-home-theme]) .mud-paper.home-shell.home-shell--front .home-panel-meta {
color: #fde68a !important;
}
html[data-home-theme="crimson"] .home-shell.home-shell--front .home-panel-action,
html[data-home-theme="crimson"] .mud-paper.home-shell.home-shell--front .home-panel-action,
html:not([data-home-theme]) .home-shell.home-shell--front .home-panel-action,
html:not([data-home-theme]) .mud-paper.home-shell.home-shell--front .home-panel-action {
color: #fde68a !important;
}
html[data-home-theme="crimson"] .home-shell.home-shell--front .home-panel-action:hover,
html[data-home-theme="crimson"] .home-shell.home-shell--front .home-panel-action:focus-visible,
html[data-home-theme="crimson"] .mud-paper.home-shell.home-shell--front .home-panel-action:hover,
html[data-home-theme="crimson"] .mud-paper.home-shell.home-shell--front .home-panel-action:focus-visible,
html:not([data-home-theme]) .home-shell.home-shell--front .home-panel-action:hover,
html:not([data-home-theme]) .home-shell.home-shell--front .home-panel-action:focus-visible,
html:not([data-home-theme]) .mud-paper.home-shell.home-shell--front .home-panel-action:hover,
html:not([data-home-theme]) .mud-paper.home-shell.home-shell--front .home-panel-action:focus-visible {
color: #fef3c7 !important;
}
html[data-home-theme="crimson"] .home-shell.home-shell--front .home-panel-action-on-accent,
html[data-home-theme="crimson"] .mud-paper.home-shell.home-shell--front .home-panel-action-on-accent,
html:not([data-home-theme]) .home-shell.home-shell--front .home-panel-action-on-accent,
html:not([data-home-theme]) .mud-paper.home-shell.home-shell--front .home-panel-action-on-accent {
color: #fde68a !important;
}
html[data-home-theme="crimson"] .home-shell.home-shell--front .home-panel-action-on-accent:hover,
html[data-home-theme="crimson"] .home-shell.home-shell--front .home-panel-action-on-accent:focus-visible,
html[data-home-theme="crimson"] .mud-paper.home-shell.home-shell--front .home-panel-action-on-accent:hover,
html[data-home-theme="crimson"] .mud-paper.home-shell.home-shell--front .home-panel-action-on-accent:focus-visible,
html:not([data-home-theme]) .home-shell.home-shell--front .home-panel-action-on-accent:hover,
html:not([data-home-theme]) .home-shell.home-shell--front .home-panel-action-on-accent:focus-visible,
html:not([data-home-theme]) .mud-paper.home-shell.home-shell--front .home-panel-action-on-accent:hover,
html:not([data-home-theme]) .mud-paper.home-shell.home-shell--front .home-panel-action-on-accent:focus-visible {
color: #ffffff !important;
}
html[data-home-theme="crimson"] .home-shell.home-shell--front .home-cubes-pie,
html[data-home-theme="crimson"] .mud-paper.home-shell.home-shell--front .home-cubes-pie,
html:not([data-home-theme]) .home-shell.home-shell--front .home-cubes-pie,
html:not([data-home-theme]) .mud-paper.home-shell.home-shell--front .home-cubes-pie {
border: 1px solid rgba(234, 179, 8, 0.45);
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.35) inset;
}
html[data-home-theme="crimson"] .home-shell.home-shell--front .home-cubes-legend-row,
html[data-home-theme="crimson"] .mud-paper.home-shell.home-shell--front .home-cubes-legend-row,
html:not([data-home-theme]) .home-shell.home-shell--front .home-cubes-legend-row,
html:not([data-home-theme]) .mud-paper.home-shell.home-shell--front .home-cubes-legend-row {
color: #fde68a !important;
}
html[data-home-theme="crimson"] .home-shell.home-shell--front .home-cubes-legend-row span,
html[data-home-theme="crimson"] .mud-paper.home-shell.home-shell--front .home-cubes-legend-row span,
html:not([data-home-theme]) .home-shell.home-shell--front .home-cubes-legend-row span,
html:not([data-home-theme]) .mud-paper.home-shell.home-shell--front .home-cubes-legend-row span {
color: #fde68a !important;
}
html[data-home-theme="crimson"] .home-shell.home-shell--front .home-sample-list,
html[data-home-theme="crimson"] .mud-paper.home-shell.home-shell--front .home-sample-list,
html:not([data-home-theme]) .home-shell.home-shell--front .home-sample-list,
html:not([data-home-theme]) .mud-paper.home-shell.home-shell--front .home-sample-list {
color: #fde68a !important;
}
html[data-home-theme="crimson"] .home-shell.home-shell--front .home-sample-list li,
html[data-home-theme="crimson"] .mud-paper.home-shell.home-shell--front .home-sample-list li,
html:not([data-home-theme]) .home-shell.home-shell--front .home-sample-list li,
html:not([data-home-theme]) .mud-paper.home-shell.home-shell--front .home-sample-list li {
border-bottom-color: rgba(234, 179, 8, 0.22);
}
html[data-home-theme="crimson"] .home-shell.home-shell--front .home-sample-k,
html[data-home-theme="crimson"] .mud-paper.home-shell.home-shell--front .home-sample-k,
html:not([data-home-theme]) .home-shell.home-shell--front .home-sample-k,
html:not([data-home-theme]) .mud-paper.home-shell.home-shell--front .home-sample-k {
color: #fde68a !important;
}
html[data-home-theme="crimson"] .home-shell.home-shell--front .home-sample-v,
html[data-home-theme="crimson"] .mud-paper.home-shell.home-shell--front .home-sample-v,
html:not([data-home-theme]) .home-shell.home-shell--front .home-sample-v,
html:not([data-home-theme]) .mud-paper.home-shell.home-shell--front .home-sample-v {
color: #fde68a !important;
}
html[data-home-theme="crimson"] .home-shell.home-shell--front .home-panel h2,
html[data-home-theme="crimson"] .mud-paper.home-shell.home-shell--front .home-panel h2,
html:not([data-home-theme]) .home-shell.home-shell--front .home-panel h2,
html:not([data-home-theme]) .mud-paper.home-shell.home-shell--front .home-panel h2 {
color: #ffffff !important;
text-transform: none;
letter-spacing: 0.04em;
}
html[data-home-theme="crimson"] .cube-admin-shell .home-panel,
html:not([data-home-theme]) .cube-admin-shell .home-panel {
border: 1px solid rgba(234, 179, 8, 0.4) !important;
background: linear-gradient(165deg, rgba(52, 12, 16, 0.96) 0%, rgba(26, 5, 8, 0.98) 100%) !important;
box-shadow: 0 1px 0 rgba(253, 230, 138, 0.06) inset, 0 8px 28px rgba(0, 0, 0, 0.48);
}
html[data-home-theme="crimson"] .cube-admin-shell .home-panel-title,
html:not([data-home-theme]) .cube-admin-shell .home-panel-title {
color: #ffffff !important;
}
html[data-home-theme="crimson"] .cube-admin-shell .home-panel-body,
html:not([data-home-theme]) .cube-admin-shell .home-panel-body {
color: #fde68a !important;
}
html[data-home-theme="crimson"] .cube-admin-shell .home-panel-meta,
html:not([data-home-theme]) .cube-admin-shell .home-panel-meta {
color: #fcd34d !important;
}
/* ——— RWA (XRPL RWA Asset Management palette — .rwa-shell) ——— */
html[data-home-theme="rwa"] .home-shell.home-shell--front,
html[data-home-theme="rwa"] .mud-paper.home-shell.home-shell--front {
--home-scenic-image: none;
min-height: 78vh;
border-radius: 16px;
border: 1px solid rgba(56, 189, 248, 0.22) !important;
outline: none !important;
background-color: #02001f !important;
background-image:
linear-gradient(168deg, rgba(10, 15, 24, 0.98) 0%, rgba(2, 0, 31, 0.97) 48%, #02001f 100%),
radial-gradient(ellipse 115% 85% at 100% 0%, rgba(56, 189, 248, 0.16) 0%, transparent 52%),
radial-gradient(ellipse 95% 65% at 0% 100%, rgba(36, 54, 82, 0.55) 0%, transparent 50%),
radial-gradient(880px 360px at 50% 0%, rgba(14, 116, 144, 0.14), transparent 58%) !important;
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
box-shadow:
0 1px 0 rgba(165, 243, 252, 0.08) inset,
0 18px 48px rgba(0, 0, 0, 0.55) !important;
color: #e8edf7 !important;
}
html[data-home-theme="rwa"] .home-shell.home-shell--front .home-title,
html[data-home-theme="rwa"] .mud-paper.home-shell.home-shell--front .home-title {
color: #f0f9ff !important;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.65), 0 0 24px rgba(56, 189, 248, 0.2);
}
html[data-home-theme="rwa"] .home-shell.home-shell--front .home-brand,
html[data-home-theme="rwa"] .mud-paper.home-shell.home-shell--front .home-brand {
color: #38bdf8 !important;
}
html[data-home-theme="rwa"] .home-shell.home-shell--front .home-brand-suffix,
html[data-home-theme="rwa"] .mud-paper.home-shell.home-shell--front .home-brand-suffix {
color: #a5f3fc !important;
font-weight: 600;
}
html[data-home-theme="rwa"] .home-shell.home-shell--front .home-verse-text,
html[data-home-theme="rwa"] .mud-paper.home-shell.home-shell--front .home-verse-text {
color: #cbd5e1 !important;
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.55);
}
html[data-home-theme="rwa"] .home-shell.home-shell--front .home-verse-ref,
html[data-home-theme="rwa"] .mud-paper.home-shell.home-shell--front .home-verse-ref {
color: #7dd3fc !important;
}
html[data-home-theme="rwa"] .home-shell.home-shell--front .home-nav,
html[data-home-theme="rwa"] .mud-paper.home-shell.home-shell--front .home-nav {
border-top-color: rgba(56, 189, 248, 0.28);
border-bottom-color: rgba(56, 189, 248, 0.28);
}
html[data-home-theme="rwa"] .home-shell.home-shell--front .home-nav-link,
html[data-home-theme="rwa"] .mud-paper.home-shell.home-shell--front .home-nav-link {
color: #7dd3fc !important;
}
html[data-home-theme="rwa"] .home-shell.home-shell--front .home-nav-link:hover,
html[data-home-theme="rwa"] .home-shell.home-shell--front .home-nav-link:focus-visible,
html[data-home-theme="rwa"] .mud-paper.home-shell.home-shell--front .home-nav-link:hover,
html[data-home-theme="rwa"] .mud-paper.home-shell.home-shell--front .home-nav-link:focus-visible {
background: rgba(56, 189, 248, 0.12);
color: #e0f2fe !important;
}
html[data-home-theme="rwa"] .home-shell.home-shell--front .home-theme-label,
html[data-home-theme="rwa"] .mud-paper.home-shell.home-shell--front .home-theme-label {
color: #94a3b8 !important;
}
html[data-home-theme="rwa"] .home-shell.home-shell--front .home-theme-select,
html[data-home-theme="rwa"] .mud-paper.home-shell.home-shell--front .home-theme-select {
color: #e8edf7 !important;
background: rgba(36, 54, 82, 0.92);
border: 1px solid rgba(56, 189, 248, 0.35);
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.35) inset;
}
html[data-home-theme="rwa"] .home-shell.home-shell--front .home-admin-submenu,
html[data-home-theme="rwa"] .mud-paper.home-shell.home-shell--front .home-admin-submenu,
html[data-home-theme="rwa"] .home-shell.home-shell--front .home-games-submenu,
html[data-home-theme="rwa"] .mud-paper.home-shell.home-shell--front .home-games-submenu,
html[data-home-theme="rwa"] .home-shell.home-shell--front .home-memory-submenu,
html[data-home-theme="rwa"] .mud-paper.home-shell.home-shell--front .home-memory-submenu,
html[data-home-theme="rwa"] .home-shell.home-shell--front .home-xrpl-token-flyout,
html[data-home-theme="rwa"] .mud-paper.home-shell.home-shell--front .home-xrpl-token-flyout,
html[data-home-theme="rwa"] .home-shell.home-shell--front .home-admin-nested-flyout,
html[data-home-theme="rwa"] .mud-paper.home-shell.home-shell--front .home-admin-nested-flyout {
border: 1px solid rgba(56, 189, 248, 0.28);
background: #243652;
box-shadow: 0 14px 32px rgba(0, 0, 0, 0.45);
}
html[data-home-theme="rwa"] .home-shell.home-shell--front .home-panel,
html[data-home-theme="rwa"] .mud-paper.home-shell.home-shell--front .home-panel {
border: 1px solid rgba(56, 189, 248, 0.28);
background:
linear-gradient(
125deg,
rgba(36, 54, 82, 0.95) 0%,
rgba(26, 40, 62, 0.88) 45%,
rgba(10, 15, 24, 0.92) 100%
),
linear-gradient(180deg, rgba(36, 54, 82, 0.55) 0%, rgba(2, 0, 31, 0.75) 100%);
box-shadow:
0 1px 0 rgba(165, 243, 252, 0.06) inset,
0 -1px 0 rgba(0, 0, 0, 0.35) inset,
0 0 0 1px rgba(56, 189, 248, 0.08) inset,
0 10px 36px rgba(0, 0, 0, 0.4);
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
}
html[data-home-theme="rwa"] .home-shell.home-shell--front .home-panel-accent,
html[data-home-theme="rwa"] .mud-paper.home-shell.home-shell--front .home-panel-accent {
border-color: rgba(56, 189, 248, 0.42);
background:
linear-gradient(
128deg,
rgba(45, 66, 104, 0.92) 0%,
rgba(36, 54, 82, 0.75) 50%,
rgba(14, 23, 42, 0.9) 100%
),
linear-gradient(155deg, rgba(8, 47, 73, 0.5) 0%, rgba(2, 0, 31, 0.85) 100%);
box-shadow:
0 1px 0 rgba(165, 243, 252, 0.08) inset,
0 -1px 0 rgba(0, 0, 0, 0.38) inset,
0 0 0 1px rgba(56, 189, 248, 0.12) inset,
0 10px 36px rgba(0, 0, 0, 0.42);
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
}
html[data-home-theme="rwa"] .home-shell.home-shell--front .home-panel-title,
html[data-home-theme="rwa"] .mud-paper.home-shell.home-shell--front .home-panel-title {
color: #94a3b8 !important;
}
html[data-home-theme="rwa"] .home-shell.home-shell--front .home-panel-lead,
html[data-home-theme="rwa"] .mud-paper.home-shell.home-shell--front .home-panel-lead {
color: #e2e8f0 !important;
}
html[data-home-theme="rwa"] .home-shell.home-shell--front .home-panel-body,
html[data-home-theme="rwa"] .mud-paper.home-shell.home-shell--front .home-panel-body {
color: #cbd5e1 !important;
}
html[data-home-theme="rwa"] .home-shell.home-shell--front .home-panel-meta,
html[data-home-theme="rwa"] .mud-paper.home-shell.home-shell--front .home-panel-meta {
color: #7dd3fc !important;
}
html[data-home-theme="rwa"] .home-shell.home-shell--front .home-panel-action,
html[data-home-theme="rwa"] .mud-paper.home-shell.home-shell--front .home-panel-action {
color: #38bdf8 !important;
}
html[data-home-theme="rwa"] .home-shell.home-shell--front .home-panel-action:hover,
html[data-home-theme="rwa"] .home-shell.home-shell--front .home-panel-action:focus-visible,
html[data-home-theme="rwa"] .mud-paper.home-shell.home-shell--front .home-panel-action:hover,
html[data-home-theme="rwa"] .mud-paper.home-shell.home-shell--front .home-panel-action:focus-visible {
color: #a5f3fc !important;
}
html[data-home-theme="rwa"] .home-shell.home-shell--front .home-panel-action-on-accent,
html[data-home-theme="rwa"] .mud-paper.home-shell.home-shell--front .home-panel-action-on-accent {
color: #7dd3fc !important;
}
html[data-home-theme="rwa"] .home-shell.home-shell--front .home-panel-action-on-accent:hover,
html[data-home-theme="rwa"] .home-shell.home-shell--front .home-panel-action-on-accent:focus-visible,
html[data-home-theme="rwa"] .mud-paper.home-shell.home-shell--front .home-panel-action-on-accent:hover,
html[data-home-theme="rwa"] .mud-paper.home-shell.home-shell--front .home-panel-action-on-accent:focus-visible {
color: #e0f2fe !important;
}
html[data-home-theme="rwa"] .home-shell.home-shell--front .home-cubes-pie,
html[data-home-theme="rwa"] .mud-paper.home-shell.home-shell--front .home-cubes-pie {
border: 1px solid rgba(56, 189, 248, 0.35);
box-shadow: 0 0 0 1px rgba(2, 6, 23, 0.35) inset;
}
html[data-home-theme="rwa"] .home-shell.home-shell--front .home-cubes-legend-row,
html[data-home-theme="rwa"] .mud-paper.home-shell.home-shell--front .home-cubes-legend-row {
color: #cbd5e1 !important;
}
html[data-home-theme="rwa"] .home-shell.home-shell--front .home-cubes-legend-row span,
html[data-home-theme="rwa"] .mud-paper.home-shell.home-shell--front .home-cubes-legend-row span {
color: #cbd5e1 !important;
}
html[data-home-theme="rwa"] .home-shell.home-shell--front .home-sample-list,
html[data-home-theme="rwa"] .mud-paper.home-shell.home-shell--front .home-sample-list {
color: #cbd5e1 !important;
}
html[data-home-theme="rwa"] .home-shell.home-shell--front .home-sample-list li,
html[data-home-theme="rwa"] .mud-paper.home-shell.home-shell--front .home-sample-list li {
border-bottom-color: rgba(56, 189, 248, 0.2);
}
html[data-home-theme="rwa"] .home-shell.home-shell--front .home-sample-k,
html[data-home-theme="rwa"] .mud-paper.home-shell.home-shell--front .home-sample-k {
color: #94a3b8 !important;
}
html[data-home-theme="rwa"] .home-shell.home-shell--front .home-sample-v,
html[data-home-theme="rwa"] .mud-paper.home-shell.home-shell--front .home-sample-v {
color: #e8edf7 !important;
}
html[data-home-theme="rwa"] .home-shell.home-shell--front .home-panel h2,
html[data-home-theme="rwa"] .mud-paper.home-shell.home-shell--front .home-panel h2 {
color: #94a3b8 !important;
}
html[data-home-theme="rwa"] .home-shell.home-shell--front a.home-panel-link:hover,
html[data-home-theme="rwa"] .mud-paper.home-shell.home-shell--front a.home-panel-link:hover {
border-color: rgba(56, 189, 248, 0.5);
box-shadow:
0 1px 0 rgba(165, 243, 252, 0.08) inset,
0 -1px 0 rgba(0, 0, 0, 0.35) inset,
0 0 0 1px rgba(56, 189, 248, 0.18) inset,
0 12px 40px rgba(0, 0, 0, 0.45);
}
html[data-home-theme="rwa"] .home-shell.home-shell--front a.home-panel-link:focus-visible,
html[data-home-theme="rwa"] .mud-paper.home-shell.home-shell--front a.home-panel-link:focus-visible {
border-color: rgba(56, 189, 248, 0.6);
box-shadow:
0 1px 0 rgba(165, 243, 252, 0.1) inset,
0 0 0 2px rgba(56, 189, 248, 0.45),
0 12px 40px rgba(0, 0, 0, 0.45);
}
html[data-home-theme="rwa"] .cube-admin-shell .home-panel {
border: 1px solid rgba(56, 189, 248, 0.28) !important;
background: linear-gradient(165deg, rgba(36, 54, 82, 0.96) 0%, rgba(10, 15, 24, 0.98) 100%) !important;
box-shadow:
0 1px 0 rgba(165, 243, 252, 0.06) inset,
0 8px 28px rgba(0, 0, 0, 0.48);
}
html[data-home-theme="rwa"] .cube-admin-shell .home-panel-title {
color: #7dd3fc !important;
}
html[data-home-theme="rwa"] .cube-admin-shell .home-panel-body {
color: #cbd5e1 !important;
}
html[data-home-theme="rwa"] .cube-admin-shell .home-panel-meta {
color: #38bdf8 !important;
}
/* ——— Cube admin shells on dark / purple / light (match each home theme) ——— */
html[data-home-theme="dark"] .cube-admin-shell .home-panel {
border: 1px solid rgba(96, 165, 250, 0.28) !important;
background: linear-gradient(152deg, rgba(30, 41, 59, 0.94) 0%, rgba(17, 24, 39, 0.9) 58%, rgba(15, 23, 42, 0.96) 100%) !important;
box-shadow: 0 1px 0 rgba(96, 165, 250, 0.06) inset, 0 8px 28px rgba(0, 0, 0, 0.48);
}
html[data-home-theme="dark"] .cube-admin-shell .home-panel-title {
color: #f8fafc !important;
}
html[data-home-theme="dark"] .cube-admin-shell .home-panel-body {
color: #cbd5e1 !important;
}
html[data-home-theme="dark"] .cube-admin-shell .home-panel-meta {
color: #93c5fd !important;
}
html[data-home-theme="purple"] .cube-admin-shell .home-panel {
border: 1px solid rgba(196, 181, 253, 0.34) !important;
background:
linear-gradient(135deg, rgba(244, 114, 182, 0.06) 0%, transparent 42%),
linear-gradient(210deg, rgba(45, 212, 191, 0.05) 0%, transparent 38%),
linear-gradient(158deg, rgba(91, 33, 182, 0.42) 0%, rgba(67, 56, 124, 0.34) 45%, rgba(36, 28, 82, 0.4) 100%) !important;
box-shadow: 0 1px 0 rgba(237, 233, 254, 0.06) inset, 0 10px 32px rgba(15, 8, 32, 0.35);
}
html[data-home-theme="purple"] .cube-admin-shell .home-panel-title {
color: #faf5ff !important;
}
html[data-home-theme="purple"] .cube-admin-shell .home-panel-body {
color: #ede9fe !important;
}
html[data-home-theme="purple"] .cube-admin-shell .home-panel-meta {
color: #c4b5fd !important;
}
html[data-home-theme="light"] .cube-admin-shell .home-panel {
border: 1px solid rgba(100, 116, 139, 0.36) !important;
background: linear-gradient(154deg, rgba(255, 255, 255, 0.86) 0%, rgba(241, 245, 249, 0.88) 56%, rgba(226, 232, 240, 0.9) 100%) !important;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) inset, 0 8px 24px rgba(15, 23, 42, 0.12);
}
html[data-home-theme="light"] .cube-admin-shell .home-panel-title {
color: #0f172a !important;
}
html[data-home-theme="light"] .cube-admin-shell .home-panel-body {
color: #1e293b !important;
}
html[data-home-theme="light"] .cube-admin-shell .home-panel-meta {
color: #334155 !important;
}
html[data-home-theme="light"] .cube-admin-shell .chat-personalities-shared-pre {
border-color: rgba(100, 116, 139, 0.45);
background: rgba(255, 255, 255, 0.92);
color: #0f172a;
}
/* ——— Dark (Bible Word Search dark palette) ——— */
html[data-home-theme="dark"] .home-shell.home-shell--front,
html[data-home-theme="dark"] .mud-paper.home-shell.home-shell--front {
border: 1px solid rgba(96, 165, 250, 0.28) !important;
background-color: #0d1424 !important;
background-image:
linear-gradient(168deg, #131b2e 0%, #0e1629 48%, #0c1222 100%),
radial-gradient(ellipse 112% 84% at 100% 0%, rgba(59, 130, 246, 0.14) 0%, transparent 52%),
radial-gradient(ellipse 92% 66% at 0% 100%, rgba(30, 58, 138, 0.3) 0%, transparent 48%) !important;
color: #e2e8f0 !important;
}
html[data-home-theme="dark"] .home-shell.home-shell--front .home-nav-link,
html[data-home-theme="dark"] .mud-paper.home-shell.home-shell--front .home-nav-link,
html[data-home-theme="dark"] .home-shell.home-shell--front .home-panel-body,
html[data-home-theme="dark"] .mud-paper.home-shell.home-shell--front .home-panel-body,
html[data-home-theme="dark"] .home-shell.home-shell--front .home-panel-lead,
html[data-home-theme="dark"] .mud-paper.home-shell.home-shell--front .home-panel-lead,
html[data-home-theme="dark"] .home-shell.home-shell--front .home-verse-text,
html[data-home-theme="dark"] .mud-paper.home-shell.home-shell--front .home-verse-text {
color: #cbd5e1 !important;
}
html[data-home-theme="dark"] .home-shell.home-shell--front .home-theme-select,
html[data-home-theme="dark"] .mud-paper.home-shell.home-shell--front .home-theme-select {
color: #e2e8f0 !important;
background: rgba(15, 23, 42, 0.9);
border: 1px solid rgba(96, 165, 250, 0.35);
}
html[data-home-theme="dark"] .home-shell.home-shell--front .home-panel,
html[data-home-theme="dark"] .mud-paper.home-shell.home-shell--front .home-panel {
border: 1px solid rgba(96, 165, 250, 0.28);
background: linear-gradient(152deg, rgba(30, 41, 59, 0.94) 0%, rgba(17, 24, 39, 0.9) 58%, rgba(15, 23, 42, 0.96) 100%);
}
html[data-home-theme="dark"] .home-shell.home-shell--front .home-admin-submenu,
html[data-home-theme="dark"] .mud-paper.home-shell.home-shell--front .home-admin-submenu,
html[data-home-theme="dark"] .home-shell.home-shell--front .home-games-submenu,
html[data-home-theme="dark"] .mud-paper.home-shell.home-shell--front .home-games-submenu,
html[data-home-theme="dark"] .home-shell.home-shell--front .home-memory-submenu,
html[data-home-theme="dark"] .mud-paper.home-shell.home-shell--front .home-memory-submenu,
html[data-home-theme="dark"] .home-shell.home-shell--front .home-xrpl-token-flyout,
html[data-home-theme="dark"] .mud-paper.home-shell.home-shell--front .home-xrpl-token-flyout,
html[data-home-theme="dark"] .home-shell.home-shell--front .home-admin-nested-flyout,
html[data-home-theme="dark"] .mud-paper.home-shell.home-shell--front .home-admin-nested-flyout {
border: 1px solid rgba(96, 165, 250, 0.32);
background: rgba(15, 23, 42, 0.98);
}
/* ——— Purple (Dream-style) ——— */
html[data-home-theme="purple"] .home-shell.home-shell--front,
html[data-home-theme="purple"] .mud-paper.home-shell.home-shell--front {
border: 1px solid rgba(192, 132, 252, 0.38) !important;
background-color: #191327 !important;
background-image:
radial-gradient(ellipse 88% 55% at 50% 100%, rgba(244, 114, 182, 0.12) 0%, transparent 52%),
radial-gradient(ellipse 72% 48% at 12% 18%, rgba(45, 212, 191, 0.07) 0%, transparent 45%),
linear-gradient(168deg, #2a1f45 0%, #1c1430 38%, #151022 72%, #100a18 100%),
radial-gradient(ellipse 110% 78% at 100% 0%, rgba(167, 139, 250, 0.22) 0%, transparent 52%),
radial-gradient(ellipse 96% 68% at 0% 100%, rgba(79, 70, 229, 0.26) 0%, transparent 48%) !important;
color: #f5f3ff !important;
}
html[data-home-theme="purple"] .home-shell.home-shell--front .home-nav-link,
html[data-home-theme="purple"] .mud-paper.home-shell.home-shell--front .home-nav-link,
html[data-home-theme="purple"] .home-shell.home-shell--front .home-theme-label,
html[data-home-theme="purple"] .mud-paper.home-shell.home-shell--front .home-theme-label,
html[data-home-theme="purple"] .home-shell.home-shell--front .home-panel-body,
html[data-home-theme="purple"] .mud-paper.home-shell.home-shell--front .home-panel-body,
html[data-home-theme="purple"] .home-shell.home-shell--front .home-panel-lead,
html[data-home-theme="purple"] .mud-paper.home-shell.home-shell--front .home-panel-lead,
html[data-home-theme="purple"] .home-shell.home-shell--front .home-verse-text,
html[data-home-theme="purple"] .mud-paper.home-shell.home-shell--front .home-verse-text {
color: #ede9fe !important;
}
html[data-home-theme="purple"] .home-shell.home-shell--front .home-theme-select,
html[data-home-theme="purple"] .mud-paper.home-shell.home-shell--front .home-theme-select {
color: #f5f3ff !important;
background: linear-gradient(165deg, rgba(76, 29, 149, 0.55) 0%, rgba(55, 48, 97, 0.88) 55%, rgba(36, 28, 82, 0.9) 100%);
border: 1px solid rgba(165, 243, 252, 0.28);
}
html[data-home-theme="purple"] .home-shell.home-shell--front .home-panel,
html[data-home-theme="purple"] .mud-paper.home-shell.home-shell--front .home-panel {
border: 1px solid rgba(196, 181, 253, 0.34);
background:
linear-gradient(135deg, rgba(244, 114, 182, 0.06) 0%, transparent 42%),
linear-gradient(210deg, rgba(45, 212, 191, 0.05) 0%, transparent 38%),
linear-gradient(158deg, rgba(91, 33, 182, 0.42) 0%, rgba(67, 56, 124, 0.34) 45%, rgba(36, 28, 82, 0.4) 100%);
box-shadow:
0 1px 0 rgba(237, 233, 254, 0.06) inset,
0 10px 32px rgba(15, 8, 32, 0.35);
}
html[data-home-theme="purple"] .home-shell.home-shell--front .home-admin-submenu,
html[data-home-theme="purple"] .mud-paper.home-shell.home-shell--front .home-admin-submenu,
html[data-home-theme="purple"] .home-shell.home-shell--front .home-games-submenu,
html[data-home-theme="purple"] .mud-paper.home-shell.home-shell--front .home-games-submenu,
html[data-home-theme="purple"] .home-shell.home-shell--front .home-memory-submenu,
html[data-home-theme="purple"] .mud-paper.home-shell.home-shell--front .home-memory-submenu,
html[data-home-theme="purple"] .home-shell.home-shell--front .home-xrpl-token-flyout,
html[data-home-theme="purple"] .mud-paper.home-shell.home-shell--front .home-xrpl-token-flyout,
html[data-home-theme="purple"] .home-shell.home-shell--front .home-admin-nested-flyout,
html[data-home-theme="purple"] .mud-paper.home-shell.home-shell--front .home-admin-nested-flyout {
border: 1px solid rgba(196, 181, 253, 0.4);
background: linear-gradient(168deg, rgba(58, 40, 102, 0.98) 0%, rgba(30, 22, 58, 0.98) 100%);
box-shadow: 0 12px 36px rgba(8, 4, 20, 0.45);
}
/* ——— Light (high readability) ——— */
html[data-home-theme="light"] .home-shell.home-shell--front,
html[data-home-theme="light"] .mud-paper.home-shell.home-shell--front {
border: 1px solid rgba(100, 116, 139, 0.35) !important;
background-color: #dde4ef !important;
background-image: linear-gradient(170deg, #e7edf5 0%, #dde5f0 52%, #cfd9e7 100%) !important;
color: #000000 !important;
}
html[data-home-theme="light"] .home-shell.home-shell--front *,
html[data-home-theme="light"] .mud-paper.home-shell.home-shell--front * {
color: #000000 !important;
}
html[data-home-theme="light"] .home-shell.home-shell--front .home-theme-select,
html[data-home-theme="light"] .mud-paper.home-shell.home-shell--front .home-theme-select {
color: #000000 !important;
background: rgba(255, 255, 255, 0.95);
border: 1px solid rgba(100, 116, 139, 0.5);
}
html[data-home-theme="light"] .home-shell.home-shell--front .home-panel,
html[data-home-theme="light"] .mud-paper.home-shell.home-shell--front .home-panel {
border: 1px solid rgba(100, 116, 139, 0.36);
background: linear-gradient(154deg, rgba(255, 255, 255, 0.86) 0%, rgba(241, 245, 249, 0.88) 56%, rgba(226, 232, 240, 0.9) 100%);
}
/* ——— Chat personalities admin (.chat-personalities-rwa.rwa-shell) — RWA tokens per site theme ——— */
html[data-home-theme="crimson"] .chat-personalities-rwa.rwa-shell,
html:not([data-home-theme]) .chat-personalities-rwa.rwa-shell {
--rwa-bg: #1c0709;
--rwa-panel: #4a1018;
--rwa-tab-border: rgba(234, 179, 8, 0.45);
--rwa-tab-surface-hover: #5c1822;
--rwa-page-canvas: #120507;
--rwa-border: rgba(234, 179, 8, 0.35);
--rwa-text: #fde68a;
--rwa-muted: #d4b896;
--rwa-accent: #fbbf24;
--rwa-accent2: #fef3c7;
--rwa-warn-bg: rgba(251, 191, 36, 0.12);
--rwa-warn-border: rgba(251, 191, 36, 0.45);
}
html[data-home-theme="rwa"] .chat-personalities-rwa.rwa-shell {
--rwa-bg: #0a0f18;
--rwa-panel: #243652;
--rwa-tab-border: rgba(180, 192, 214, 0.55);
--rwa-tab-surface-hover: #2d4268;
--rwa-page-canvas: #02001f;
--rwa-border: rgba(56, 189, 248, 0.28);
--rwa-text: #e8edf7;
--rwa-muted: #94a3b8;
--rwa-accent: #38bdf8;
--rwa-accent2: #a5f3fc;
--rwa-warn-bg: rgba(251, 191, 36, 0.12);
--rwa-warn-border: rgba(251, 191, 36, 0.45);
}
html[data-home-theme="dark"] .chat-personalities-rwa.rwa-shell {
--rwa-bg: #0c1222;
--rwa-panel: #1e293b;
--rwa-tab-border: rgba(96, 165, 250, 0.42);
--rwa-tab-surface-hover: #334155;
--rwa-page-canvas: #0d1424;
--rwa-border: rgba(96, 165, 250, 0.28);
--rwa-text: #e2e8f0;
--rwa-muted: #94a3b8;
--rwa-accent: #60a5fa;
--rwa-accent2: #93c5fd;
--rwa-warn-bg: rgba(251, 191, 36, 0.12);
--rwa-warn-border: rgba(251, 191, 36, 0.45);
}
html[data-home-theme="purple"] .chat-personalities-rwa.rwa-shell {
--rwa-bg: #100a18;
--rwa-panel: #433879;
--rwa-tab-border: rgba(196, 181, 253, 0.4);
--rwa-tab-surface-hover: #524495;
--rwa-page-canvas: #151022;
--rwa-border: rgba(196, 181, 253, 0.34);
--rwa-text: #ede9fe;
--rwa-muted: #c4b5fd;
--rwa-accent: #a78bfa;
--rwa-accent2: #c4b5fd;
--rwa-warn-bg: rgba(251, 191, 36, 0.12);
--rwa-warn-border: rgba(251, 191, 36, 0.45);
}
html[data-home-theme="light"] .chat-personalities-rwa.rwa-shell {
--rwa-bg: #e2e8f0;
--rwa-panel: #f8fafc;
--rwa-tab-border: rgba(100, 116, 139, 0.45);
--rwa-tab-surface-hover: #e2e8f0;
--rwa-page-canvas: #dde4ef;
--rwa-border: rgba(100, 116, 139, 0.35);
--rwa-text: #0f172a;
--rwa-muted: #475569;
--rwa-accent: #0369a1;
--rwa-accent2: #0ea5e9;
--rwa-warn-bg: rgba(251, 191, 36, 0.18);
--rwa-warn-border: rgba(217, 119, 6, 0.45);
}
/* ——— Bible reader (/Bible) — uses variables on .bible-reader-page (see app.css) ——— */
html[data-home-theme="crimson"] .bible-reader-page,
html:not([data-home-theme]) .bible-reader-page {
--br-page-bg:
radial-gradient(ellipse 120% 90% at 100% 0%, rgba(185, 28, 28, 0.35) 0%, transparent 52%),
radial-gradient(ellipse 95% 70% at 0% 100%, rgba(127, 29, 29, 0.45) 0%, transparent 48%),
linear-gradient(168deg, #2a0a0e 0%, #1a0508 42%, #0f0305 100%);
--br-title: #ffffff;
--br-subtitle: #fde68a;
--br-label: #fcd34d;
--br-home-bg: rgba(69, 10, 10, 0.55);
--br-home-border: rgba(234, 179, 8, 0.45);
--br-home-color: #fef3c7;
--br-select-bg: rgba(69, 10, 10, 0.75);
--br-select-border: rgba(234, 179, 8, 0.55);
--br-select-color: #fef3c7;
--br-card-border: rgba(234, 179, 8, 0.45);
--br-card-bg: linear-gradient(180deg, rgba(74, 14, 20, 0.92) 0%, rgba(24, 6, 8, 0.95) 100%);
--br-reference: #ffffff;
--br-translation: #fbbf24;
--br-verse-li: #fde68a;
--br-verse-num: #fbbf24;
--br-section-title: #ffffff;
--br-pill-bg: rgba(40, 8, 10, 0.9);
--br-pill-border: rgba(234, 179, 8, 0.4);
--br-pill-color: #fef3c7;
--br-inline-color: #fde047;
--br-inline-underline: rgba(250, 204, 21, 0.6);
--br-popover-bg: rgba(24, 6, 8, 0.98);
--br-popover-border: rgba(234, 179, 8, 0.5);
--br-popover-color: #fde68a;
}
html[data-home-theme="rwa"] .bible-reader-page {
--br-page-bg:
radial-gradient(ellipse 115% 85% at 100% 0%, rgba(56, 189, 248, 0.16) 0%, transparent 52%),
radial-gradient(ellipse 95% 65% at 0% 100%, rgba(36, 54, 82, 0.55) 0%, transparent 50%),
linear-gradient(168deg, rgba(10, 15, 24, 0.98) 0%, rgba(2, 0, 31, 0.97) 48%, #02001f 100%);
--br-title: #f0f9ff;
--br-subtitle: #cbd5e1;
--br-label: #94a3b8;
--br-home-bg: rgba(36, 54, 82, 0.75);
--br-home-border: rgba(56, 189, 248, 0.35);
--br-home-color: #e0f2fe;
--br-select-bg: rgba(36, 54, 82, 0.92);
--br-select-border: rgba(56, 189, 248, 0.35);
--br-select-color: #e8edf7;
--br-card-border: rgba(56, 189, 248, 0.28);
--br-card-bg: linear-gradient(180deg, rgba(36, 54, 82, 0.88) 0%, rgba(10, 15, 24, 0.94) 100%);
--br-reference: #f0f9ff;
--br-translation: #7dd3fc;
--br-verse-li: #e2e8f0;
--br-verse-num: #fbbf24;
--br-section-title: #f0f9ff;
--br-pill-bg: rgba(36, 54, 82, 0.92);
--br-pill-border: rgba(56, 189, 248, 0.32);
--br-pill-color: #e8edf7;
--br-inline-color: #fde68a;
--br-inline-underline: rgba(250, 204, 21, 0.55);
--br-popover-bg: rgba(15, 23, 42, 0.98);
--br-popover-border: rgba(56, 189, 248, 0.35);
--br-popover-color: #e2e8f0;
}
html[data-home-theme="dark"] .bible-reader-page {
--br-page-bg:
radial-gradient(ellipse 100% 80% at 50% 0%, rgba(96, 165, 250, 0.12) 0%, transparent 55%),
linear-gradient(165deg, #0f172a 0%, #020617 45%, #020617 100%);
--br-title: #f8fafc;
--br-subtitle: #cbd5e1;
--br-label: #94a3b8;
--br-home-bg: rgba(30, 41, 59, 0.75);
--br-home-border: rgba(96, 165, 250, 0.32);
--br-home-color: #e2e8f0;
--br-select-bg: rgba(15, 23, 42, 0.9);
--br-select-border: rgba(96, 165, 250, 0.35);
--br-select-color: #e2e8f0;
--br-card-border: rgba(96, 165, 250, 0.28);
--br-card-bg: linear-gradient(152deg, rgba(30, 41, 59, 0.94) 0%, rgba(17, 24, 39, 0.9) 58%, rgba(15, 23, 42, 0.96) 100%);
--br-reference: #f8fafc;
--br-translation: #93c5fd;
--br-verse-li: #e2e8f0;
--br-verse-num: #fcd34d;
--br-section-title: #f8fafc;
--br-pill-bg: rgba(30, 41, 59, 0.9);
--br-pill-border: rgba(96, 165, 250, 0.3);
--br-pill-color: #f1f5f9;
--br-inline-color: #fde68a;
--br-inline-underline: rgba(250, 204, 21, 0.55);
--br-popover-bg: rgba(15, 23, 42, 0.98);
--br-popover-border: rgba(96, 165, 250, 0.35);
--br-popover-color: #e2e8f0;
}
html[data-home-theme="purple"] .bible-reader-page {
--br-page-bg:
radial-gradient(ellipse 88% 58% at 50% 100%, rgba(244, 114, 182, 0.11) 0%, transparent 52%),
radial-gradient(ellipse 74% 50% at 10% 22%, rgba(45, 212, 191, 0.08) 0%, transparent 46%),
radial-gradient(ellipse 110% 78% at 100% 0%, rgba(167, 139, 250, 0.24) 0%, transparent 52%),
radial-gradient(ellipse 96% 68% at 0% 100%, rgba(79, 70, 229, 0.28) 0%, transparent 48%),
linear-gradient(168deg, #2d2148 0%, #1e1533 40%, #151026 72%, #0f0a1a 100%);
--br-title: #faf5ff;
--br-subtitle: #ddd6fe;
--br-label: #c4b5fd;
--br-home-bg: linear-gradient(145deg, rgba(76, 29, 149, 0.55) 0%, rgba(55, 48, 97, 0.72) 100%);
--br-home-border: rgba(196, 181, 253, 0.48);
--br-home-color: #f5f3ff;
--br-select-bg: linear-gradient(165deg, rgba(67, 56, 124, 0.92) 0%, rgba(49, 39, 94, 0.88) 100%);
--br-select-border: rgba(165, 243, 252, 0.28);
--br-select-color: #faf5ff;
--br-card-border: rgba(196, 181, 253, 0.36);
--br-card-bg:
linear-gradient(125deg, rgba(244, 114, 182, 0.07) 0%, transparent 45%),
linear-gradient(210deg, rgba(45, 212, 191, 0.06) 0%, transparent 40%),
linear-gradient(162deg, rgba(91, 33, 182, 0.48) 0%, rgba(67, 56, 124, 0.38) 42%, rgba(36, 28, 82, 0.46) 100%);
--br-reference: #faf5ff;
--br-translation: #99f6e4;
--br-verse-li: #ede9fe;
--br-verse-num: #fcd34d;
--br-section-title: #faf5ff;
--br-pill-bg: linear-gradient(165deg, rgba(55, 48, 97, 0.92) 0%, rgba(36, 28, 82, 0.9) 100%);
--br-pill-border: rgba(165, 243, 252, 0.22);
--br-pill-color: #f5f3ff;
--br-inline-color: #fde68a;
--br-inline-underline: rgba(250, 204, 21, 0.55);
--br-popover-bg: rgba(24, 16, 48, 0.98);
--br-popover-border: rgba(165, 243, 252, 0.25);
--br-popover-color: #ede9fe;
}
/* ——— Home: header bar — themed opaque panel (scrolls with page) ——— */
html[data-home-theme="crimson"] .home-shell.home-shell--front > .home-sticky-bar,
html[data-home-theme="crimson"] .mud-paper.home-shell.home-shell--front > .home-sticky-bar,
html:not([data-home-theme]) .home-shell.home-shell--front > .home-sticky-bar,
html:not([data-home-theme]) .mud-paper.home-shell.home-shell--front > .home-sticky-bar {
background: linear-gradient(180deg, rgba(42, 10, 14, 0.99) 0%, rgba(26, 5, 8, 0.98) 55%, rgba(18, 4, 7, 0.97) 100%);
backdrop-filter: blur(12px) saturate(1.05);
-webkit-backdrop-filter: blur(12px) saturate(1.05);
box-shadow: 0 14px 36px rgba(0, 0, 0, 0.55);
z-index: 200;
}
html[data-home-theme="rwa"] .home-shell.home-shell--front > .home-sticky-bar,
html[data-home-theme="rwa"] .mud-paper.home-shell.home-shell--front > .home-sticky-bar {
background: linear-gradient(180deg, rgba(10, 15, 28, 0.99) 0%, rgba(2, 0, 31, 0.98) 100%);
backdrop-filter: blur(14px) saturate(1.08);
-webkit-backdrop-filter: blur(14px) saturate(1.08);
box-shadow: 0 14px 40px rgba(0, 0, 0, 0.52);
z-index: 200;
}
html[data-home-theme="dark"] .home-shell.home-shell--front > .home-sticky-bar,
html[data-home-theme="dark"] .mud-paper.home-shell.home-shell--front > .home-sticky-bar {
background: linear-gradient(180deg, rgba(19, 27, 46, 0.99) 0%, rgba(12, 18, 34, 0.98) 100%);
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
box-shadow: 0 14px 36px rgba(0, 0, 0, 0.5);
z-index: 200;
}
html[data-home-theme="purple"] .home-shell.home-shell--front > .home-sticky-bar,
html[data-home-theme="purple"] .mud-paper.home-shell.home-shell--front > .home-sticky-bar {
background: linear-gradient(180deg, rgba(42, 31, 69, 0.99) 0%, rgba(21, 16, 34, 0.98) 100%);
backdrop-filter: blur(14px) saturate(1.05);
-webkit-backdrop-filter: blur(14px) saturate(1.05);
box-shadow: 0 14px 38px rgba(8, 4, 20, 0.48);
z-index: 200;
}
html[data-home-theme="light"] .home-shell.home-shell--front > .home-sticky-bar,
html[data-home-theme="light"] .mud-paper.home-shell.home-shell--front > .home-sticky-bar {
background: linear-gradient(180deg, rgba(247, 249, 252, 0.98) 0%, rgba(226, 232, 240, 0.97) 100%);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
box-shadow: 0 10px 28px rgba(15, 23, 42, 0.12);
z-index: 200;
}
html[data-home-theme="light"] .bible-reader-page {
--br-page-bg:
radial-gradient(ellipse 100% 80% at 50% 0%, rgba(15, 23, 42, 0.12) 0%, transparent 55%),
linear-gradient(170deg, #5c6674 0%, #4b5563 45%, #3f4754 100%);
--br-title: #000000;
--br-subtitle: #000000;
--br-label: #000000;
--br-home-bg: rgba(226, 232, 240, 0.96);
--br-home-border: rgba(15, 23, 42, 0.35);
--br-home-color: #000000;
--br-select-bg: #e2e8f0;
--br-select-border: rgba(15, 23, 42, 0.4);
--br-select-color: #000000;
--br-card-border: rgba(15, 23, 42, 0.32);
--br-card-bg: linear-gradient(154deg, rgba(203, 213, 225, 0.94) 0%, rgba(186, 198, 212, 0.97) 100%);
--br-reference: #000000;
--br-translation: #000000;
--br-verse-li: #000000;
--br-verse-num: #000000;
--br-section-title: #000000;
--br-pill-bg: rgba(241, 245, 249, 0.98);
--br-pill-border: rgba(15, 23, 42, 0.35);
--br-pill-color: #000000;
--br-inline-color: #000000;
--br-inline-underline: rgba(0, 0, 0, 0.5);
--br-popover-bg: #e2e8f0;
--br-popover-border: rgba(15, 23, 42, 0.38);
--br-popover-color: #000000;
}