/* ============================================================ Ministry App — Modern Contemporary Theme Dark-first, Web 3.0 inspired design with soft gradients, refined typography, and sophisticated UI elements. Activated via: ============================================================ */ /* --- Color Palette Override --- */ [data-theme="modern"] { /* Primary: rich charcoal with warmth */ --m-primary: #0f0f14; --m-primary-light: #2a2a3d; --m-primary-dark: #08080c; /* Accent: warm amber-rose gradient palette */ --m-gold: #e8a87c; --m-gold-light: #f0c4a0; --m-gold-dark: #c78a5e; /* Surfaces — dark, layered */ --m-cream: #121218; --m-sand: #1a1a24; --m-stone: #2a2a38; /* Spiritual accent — soft rose */ --m-wine: #c77dba; --m-wine-light: #d9a3cf; /* Text — high contrast on dark */ --m-text: #e8e6f0; --m-text-muted: #a8a6bc; --m-text-light: #7e7c94; /* Functional — vivid on dark */ --m-success: #5ee4a0; --m-danger: #f87171; --m-warning: #fbbf24; --m-info: #7dd3fc; /* Typography — all sans-serif, modern stack */ --m-font-heading: 'DM Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; --m-font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; /* Spacing & Radius — generous, pill-like */ --m-radius: 16px; --m-radius-lg: 24px; --m-radius-sm: 12px; /* Shadows — layered, ambient */ --m-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2); --m-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.2); --m-shadow-hover: 0 16px 48px rgba(0, 0, 0, 0.5), 0 4px 12px rgba(0, 0, 0, 0.3); /* Modern-specific variables */ --modern-surface-1: #16161e; --modern-surface-2: #1e1e2a; --modern-surface-3: #262636; --modern-border: rgba(255, 255, 255, 0.06); --modern-border-hover: rgba(255, 255, 255, 0.12); --modern-glow-primary: rgba(232, 168, 124, 0.15); --modern-glow-accent: rgba(199, 125, 186, 0.12); --modern-gradient-warm: linear-gradient(135deg, #e8a87c 0%, #c77dba 100%); --modern-gradient-surface: linear-gradient(180deg, var(--modern-surface-2) 0%, var(--modern-surface-1) 100%); /* Gradients — warm, multi-stop */ --m-gradient-nav: linear-gradient(180deg, #0f0f16 0%, #13131c 100%); --m-gradient-hero: linear-gradient(160deg, #0a0a10 0%, #141420 30%, #1e1e30 60%, #2a2040 100%); --m-gradient-gold: linear-gradient(135deg, #c78a5e 0%, #e8a87c 50%, #f0c4a0 100%); --m-gradient-card: none; } /* --- Google Font: DM Sans --- */ @import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&display=swap'); /* --- Body: dark canvas with subtle gradient mesh --- */ [data-theme="modern"] body { background: radial-gradient(ellipse at 15% 15%, rgba(232, 168, 124, 0.04) 0%, transparent 50%), radial-gradient(ellipse at 85% 85%, rgba(199, 125, 186, 0.03) 0%, transparent 50%), radial-gradient(ellipse at 50% 50%, rgba(125, 211, 252, 0.02) 0%, transparent 60%), var(--m-cream); background-attachment: fixed; color: var(--m-text) !important; font-weight: 400; letter-spacing: 0.01em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* --- Targeted text contrast fixes for dark theme --- */ [data-theme="modern"] .card-body { color: var(--m-text); } [data-theme="modern"] .card-footer { background: var(--modern-surface-3); border-top: 1px solid var(--modern-border); color: var(--m-text-muted); } [data-theme="modern"] .form-text { color: var(--m-text-muted) !important; } [data-theme="modern"] .text-body { color: var(--m-text) !important; } [data-theme="modern"] .text-secondary { color: var(--m-text-muted) !important; } /* --- Rendered rich content (KellyComposer / ContentEditor output) --- */ /* Force light text on ALL children inside rich-content areas. The wildcard catches inline-styled elements from the editor. */ [data-theme="modern"] .post-content, [data-theme="modern"] .post-content *, [data-theme="modern"] .accordion-body, [data-theme="modern"] .accordion-body *, [data-theme="modern"] .card-body { color: var(--m-text) !important; } /* Restore correct accent colours for links & interactive elements */ [data-theme="modern"] .post-content a, [data-theme="modern"] .accordion-body a { color: var(--m-gold) !important; } [data-theme="modern"] .post-content a:hover, [data-theme="modern"] .accordion-body a:hover { color: var(--m-gold-light) !important; } /* Restore badge / btn colors inside these areas so they keep their own theme rules */ [data-theme="modern"] .post-content .badge.bg-primary, [data-theme="modern"] .accordion-body .badge.bg-primary, [data-theme="modern"] .card-body .badge.bg-primary { color: var(--m-gold) !important; } [data-theme="modern"] .post-content .badge.bg-success, [data-theme="modern"] .accordion-body .badge.bg-success, [data-theme="modern"] .card-body .badge.bg-success { color: var(--m-success) !important; } [data-theme="modern"] .post-content .badge.bg-danger, [data-theme="modern"] .accordion-body .badge.bg-danger, [data-theme="modern"] .card-body .badge.bg-danger { color: var(--m-danger) !important; } [data-theme="modern"] .post-content .badge.bg-warning, [data-theme="modern"] .accordion-body .badge.bg-warning, [data-theme="modern"] .card-body .badge.bg-warning { color: var(--m-warning) !important; } [data-theme="modern"] .post-content .badge.bg-info, [data-theme="modern"] .accordion-body .badge.bg-info, [data-theme="modern"] .card-body .badge.bg-info { color: var(--m-info) !important; } [data-theme="modern"] .post-content .badge.bg-secondary, [data-theme="modern"] .accordion-body .badge.bg-secondary, [data-theme="modern"] .card-body .badge.bg-secondary { color: var(--m-text-muted) !important; } [data-theme="modern"] .post-content .badge.bg-light, [data-theme="modern"] .accordion-body .badge.bg-light, [data-theme="modern"] .card-body .badge.bg-light { color: var(--m-text) !important; } [data-theme="modern"] .post-content .btn-primary, [data-theme="modern"] .accordion-body .btn-primary, [data-theme="modern"] .card-body .btn-primary { color: #0f0f14 !important; } [data-theme="modern"] .post-content .btn-success, [data-theme="modern"] .accordion-body .btn-success, [data-theme="modern"] .card-body .btn-success { color: #0f0f14 !important; } [data-theme="modern"] .post-content .btn-accent, [data-theme="modern"] .accordion-body .btn-accent, [data-theme="modern"] .card-body .btn-accent { color: #0f0f14 !important; } [data-theme="modern"] .post-content .btn-danger, [data-theme="modern"] .accordion-body .btn-danger, [data-theme="modern"] .card-body .btn-danger { color: #fff !important; } [data-theme="modern"] .post-content .btn-outline-primary, [data-theme="modern"] .accordion-body .btn-outline-primary, [data-theme="modern"] .card-body .btn-outline-primary { color: var(--m-gold) !important; } [data-theme="modern"] .post-content .btn-outline-secondary, [data-theme="modern"] .accordion-body .btn-outline-secondary, [data-theme="modern"] .card-body .btn-outline-secondary { color: var(--m-text-muted) !important; } [data-theme="modern"] .post-content .btn-outline-danger, [data-theme="modern"] .accordion-body .btn-outline-danger, [data-theme="modern"] .card-body .btn-outline-danger { color: var(--m-danger) !important; } [data-theme="modern"] .post-content .btn-outline-success, [data-theme="modern"] .accordion-body .btn-outline-success, [data-theme="modern"] .card-body .btn-outline-success { color: var(--m-success) !important; } [data-theme="modern"] .post-content .text-muted, [data-theme="modern"] .accordion-body .text-muted { color: var(--m-text-muted) !important; } [data-theme="modern"] .post-content .text-success, [data-theme="modern"] .accordion-body .text-success { color: var(--m-success) !important; } [data-theme="modern"] .post-content .text-danger, [data-theme="modern"] .accordion-body .text-danger { color: var(--m-danger) !important; } [data-theme="modern"] .post-content .text-gold, [data-theme="modern"] .accordion-body .text-gold { color: var(--m-gold) !important; } [data-theme="modern"] .post-content blockquote, [data-theme="modern"] .accordion-body blockquote { border-left-color: var(--m-gold); background: rgba(232, 168, 124, 0.06); } [data-theme="modern"] .post-content hr { border-color: var(--modern-border); } [data-theme="modern"] .post-content img { border-radius: var(--m-radius-sm); } /* --- Admin listing tables — stronger row text + dark row bg --- */ [data-theme="modern"] .table { --bs-table-bg: transparent !important; --bs-table-color: var(--m-text) !important; --bs-table-striped-bg: rgba(255, 255, 255, 0.02) !important; --bs-table-striped-color: var(--m-text) !important; --bs-table-hover-bg: rgba(232, 168, 124, 0.06) !important; --bs-table-hover-color: var(--m-text) !important; --bs-table-border-color: var(--modern-border) !important; } [data-theme="modern"] .table-hover tbody tr { color: var(--m-text) !important; background-color: transparent !important; } [data-theme="modern"] .table-hover tbody td { color: var(--m-text) !important; background-color: transparent !important; } [data-theme="modern"] .table > :not(caption) > * > * { background-color: transparent !important; color: var(--m-text) !important; } [data-theme="modern"] .table-hover tbody td strong { color: var(--m-text) !important; } [data-theme="modern"] .table-hover tbody td a { color: var(--m-gold) !important; } /* DataTables odd/even row override */ [data-theme="modern"] table.dataTable tbody tr.odd, [data-theme="modern"] table.dataTable tbody tr.even { background-color: transparent !important; } [data-theme="modern"] table.dataTable tbody tr.odd td, [data-theme="modern"] table.dataTable tbody tr.even td { color: var(--m-text) !important; } [data-theme="modern"] table.dataTable tbody tr.odd { background-color: rgba(255, 255, 255, 0.015) !important; } /* --- ContentEditor (KellyComposer) dark theme --- */ [data-theme="modern"] .ce-wrapper { background: var(--modern-surface-1) !important; border-color: var(--modern-border) !important; } [data-theme="modern"] .ce-wrapper:focus-within { border-color: rgba(232, 168, 124, 0.4) !important; box-shadow: 0 0 0 3px rgba(232, 168, 124, 0.1) !important; } [data-theme="modern"] .ce-toolbar { background: var(--modern-surface-3) !important; border-bottom-color: var(--modern-border) !important; } [data-theme="modern"] .ce-btn { color: var(--m-text-muted) !important; } [data-theme="modern"] .ce-btn:hover { background: rgba(255, 255, 255, 0.08) !important; border-color: var(--modern-border-hover) !important; color: var(--m-text) !important; } [data-theme="modern"] .ce-btn--active { background: rgba(232, 168, 124, 0.15) !important; border-color: rgba(232, 168, 124, 0.3) !important; color: var(--m-gold) !important; } [data-theme="modern"] .ce-toolbar-sep { background: var(--modern-border) !important; } [data-theme="modern"] .ce-select { background: var(--modern-surface-1) !important; border-color: var(--modern-border) !important; color: var(--m-text) !important; } [data-theme="modern"] .ce-select:focus { border-color: rgba(232, 168, 124, 0.4) !important; box-shadow: 0 0 0 2px rgba(232, 168, 124, 0.1) !important; } [data-theme="modern"] .ce-body { color: var(--m-text) !important; background: var(--modern-surface-1) !important; } [data-theme="modern"] .ce-body:empty:before { color: var(--m-text-light) !important; } [data-theme="modern"] .ce-body blockquote { border-left-color: var(--m-gold) !important; background: rgba(232, 168, 124, 0.06) !important; color: var(--m-text) !important; } [data-theme="modern"] .ce-body code { background: rgba(232, 168, 124, 0.08) !important; border-color: var(--modern-border) !important; color: var(--m-gold-light) !important; } [data-theme="modern"] .ce-body a { color: var(--m-gold) !important; } [data-theme="modern"] .ce-body th { background: var(--modern-surface-3) !important; color: var(--m-text) !important; } [data-theme="modern"] .ce-body td { border-color: var(--modern-border) !important; color: var(--m-text) !important; } [data-theme="modern"] .ce-body tr:nth-child(even) td { background: var(--modern-surface-2) !important; } [data-theme="modern"] .ce-body hr { border-color: var(--modern-border) !important; } [data-theme="modern"] .ce-statusbar { background: var(--modern-surface-3) !important; border-top-color: var(--modern-border) !important; color: var(--m-text-light) !important; } [data-theme="modern"] .ce-modal { background: var(--modern-surface-2) !important; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5) !important; } [data-theme="modern"] .ce-modal-header { border-bottom-color: var(--modern-border) !important; color: var(--m-text) !important; } [data-theme="modern"] .ce-modal-close { color: var(--m-text-muted) !important; } [data-theme="modern"] .ce-modal-close:hover { color: var(--m-text) !important; } [data-theme="modern"] .ce-modal-footer { background: var(--modern-surface-3) !important; border-top-color: var(--modern-border) !important; } [data-theme="modern"] .ce-label { color: var(--m-text) !important; } [data-theme="modern"] .ce-input, [data-theme="modern"] .ce-select-full { background: var(--modern-surface-1) !important; border-color: var(--modern-border) !important; color: var(--m-text) !important; } [data-theme="modern"] .ce-input:focus, [data-theme="modern"] .ce-select-full:focus { border-color: rgba(232, 168, 124, 0.4) !important; box-shadow: 0 0 0 3px rgba(232, 168, 124, 0.1) !important; } [data-theme="modern"] .ce-tab { color: var(--m-text-muted) !important; } [data-theme="modern"] .ce-tab:hover { color: var(--m-text) !important; } [data-theme="modern"] .ce-tab--active { color: var(--m-gold) !important; border-bottom-color: var(--m-gold) !important; } [data-theme="modern"] .ce-tabs { border-bottom-color: var(--modern-border) !important; } [data-theme="modern"] .ce-dropzone { border-color: var(--modern-border) !important; color: var(--m-text-muted) !important; } [data-theme="modern"] .ce-dropzone:hover, [data-theme="modern"] .ce-dropzone--over { border-color: var(--m-gold) !important; background: rgba(232, 168, 124, 0.06) !important; color: var(--m-gold) !important; } [data-theme="modern"] .ce-action-btn--secondary { background: var(--modern-surface-3) !important; color: var(--m-text) !important; border-color: var(--modern-border) !important; } [data-theme="modern"] .ce-action-btn--secondary:hover { background: rgba(255, 255, 255, 0.06) !important; border-color: var(--modern-border-hover) !important; } /* --- Typography --- */ [data-theme="modern"] h1, [data-theme="modern"] h2, [data-theme="modern"] h3, [data-theme="modern"] h4, [data-theme="modern"] h5, [data-theme="modern"] h6, [data-theme="modern"] .h1, [data-theme="modern"] .h2, [data-theme="modern"] .h3, [data-theme="modern"] .h4, [data-theme="modern"] .h5, [data-theme="modern"] .h6 { color: var(--m-text); font-family: var(--m-font-heading); font-weight: 600; letter-spacing: -0.02em; } [data-theme="modern"] a { color: var(--m-gold); transition: color 0.2s ease, opacity 0.2s ease; } [data-theme="modern"] a:hover { color: var(--m-gold-light); } [data-theme="modern"] ::selection { background: rgba(232, 168, 124, 0.25); color: #fff; } /* --- Navbar: sleek dark bar with bottom glow --- */ [data-theme="modern"] .ministry-navbar { background: var(--m-gradient-nav) !important; border-bottom: 1px solid var(--modern-border) !important; box-shadow: 0 1px 0 rgba(232, 168, 124, 0.08), 0 4px 24px rgba(0, 0, 0, 0.4); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); } [data-theme="modern"] .ministry-navbar .navbar-brand { font-family: var(--m-font-heading); font-weight: 700; letter-spacing: -0.01em; } [data-theme="modern"] .ministry-navbar .navbar-brand .brand-icon-inline { color: var(--m-gold); } [data-theme="modern"] .ministry-navbar .nav-link { color: rgba(232, 230, 240, 0.65) !important; font-weight: 500; font-size: 0.85rem; letter-spacing: 0.01em; border-radius: var(--m-radius-sm); transition: all 0.2s ease; } [data-theme="modern"] .ministry-navbar .nav-link:hover, [data-theme="modern"] .ministry-navbar .nav-link.active { color: #fff !important; background: rgba(255, 255, 255, 0.06); } [data-theme="modern"] .ministry-navbar .dropdown-menu { background: var(--modern-surface-2); border: 1px solid var(--modern-border); border-radius: var(--m-radius); box-shadow: var(--m-shadow-lg); padding: 0.5rem; } [data-theme="modern"] .ministry-navbar .dropdown-item { color: var(--m-text-muted); border-radius: var(--m-radius-sm); transition: all 0.15s ease; } [data-theme="modern"] .ministry-navbar .dropdown-item:hover { background: rgba(232, 168, 124, 0.08); color: var(--m-text); } [data-theme="modern"] .ministry-navbar .dropdown-divider { border-color: var(--modern-border); } /* --- Footer --- */ [data-theme="modern"] .ministry-footer { background: var(--modern-surface-1) !important; border-top: 1px solid var(--modern-border) !important; color: var(--m-text-muted); } [data-theme="modern"] .ministry-footer a { color: var(--m-gold); } [data-theme="modern"] .ministry-footer a:hover { color: var(--m-gold-light); } /* --- Cards: dark panels with subtle borders --- */ [data-theme="modern"] .card, [data-theme="modern"] .auth-card { background: var(--modern-surface-2) !important; border: 1px solid var(--modern-border) !important; box-shadow: var(--m-shadow); transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-theme="modern"] .card:hover { border-color: var(--modern-border-hover) !important; box-shadow: var(--m-shadow-hover); transform: translateY(-3px); } [data-theme="modern"] .card-header { background: var(--modern-surface-3); border-bottom: 1px solid var(--modern-border); color: var(--m-text); font-family: var(--m-font-heading); } /* --- Dashboard Cards: gradient hover glow --- */ [data-theme="modern"] .dashboard-card { background: var(--modern-surface-2) !important; border: 1px solid var(--modern-border) !important; border-radius: var(--m-radius-lg); position: relative; overflow: hidden; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-theme="modern"] .dashboard-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--modern-gradient-warm); opacity: 0; transition: opacity 0.35s ease; } [data-theme="modern"] .dashboard-card::after { content: ''; position: absolute; inset: 0; border-radius: inherit; background: radial-gradient(ellipse at 50% 0%, var(--modern-glow-primary) 0%, transparent 70%); opacity: 0; transition: opacity 0.4s ease; pointer-events: none; } [data-theme="modern"] .dashboard-card:hover { border-color: rgba(232, 168, 124, 0.15) !important; box-shadow: var(--m-shadow-hover), 0 0 60px rgba(232, 168, 124, 0.06); transform: translateY(-5px); } [data-theme="modern"] .dashboard-card:hover::before { opacity: 1; } [data-theme="modern"] .dashboard-card:hover::after { opacity: 1; } [data-theme="modern"] .dashboard-card .card-title { color: var(--m-text); font-family: var(--m-font-heading); } [data-theme="modern"] .dashboard-card .card-text { color: var(--m-text-muted); } /* Dashboard icon variants — modern tinted */ [data-theme="modern"] .icon-navy { background: rgba(125, 211, 252, 0.1); color: var(--m-info); border: 1px solid rgba(125, 211, 252, 0.12); } [data-theme="modern"] .icon-gold { background: rgba(232, 168, 124, 0.1); color: var(--m-gold); border: 1px solid rgba(232, 168, 124, 0.12); } [data-theme="modern"] .icon-wine { background: rgba(199, 125, 186, 0.1); color: var(--m-wine); border: 1px solid rgba(199, 125, 186, 0.12); } [data-theme="modern"] .icon-sage { background: rgba(94, 228, 160, 0.1); color: var(--m-success); border: 1px solid rgba(94, 228, 160, 0.12); } [data-theme="modern"] .icon-sky { background: rgba(125, 211, 252, 0.1); color: var(--m-info); border: 1px solid rgba(125, 211, 252, 0.12); } [data-theme="modern"] .dashboard-card .card-icon { border-radius: 14px; transition: all 0.35s ease; } [data-theme="modern"] .dashboard-card:hover .card-icon { transform: scale(1.08); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); } /* --- Buttons: refined, pill-like --- */ [data-theme="modern"] .btn { border-radius: var(--m-radius-sm); font-weight: 500; font-size: 0.875rem; letter-spacing: 0.01em; transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-theme="modern"] .btn-primary { background: var(--modern-gradient-warm); border: none; color: #0f0f14; font-weight: 600; box-shadow: 0 2px 12px rgba(232, 168, 124, 0.25); } [data-theme="modern"] .btn-primary:hover, [data-theme="modern"] .btn-primary:focus { background: var(--modern-gradient-warm); filter: brightness(1.1); box-shadow: 0 6px 24px rgba(232, 168, 124, 0.35); transform: translateY(-1px); color: #0f0f14; } [data-theme="modern"] .btn-accent { background: var(--modern-gradient-warm); border: none; color: #0f0f14; font-weight: 600; box-shadow: 0 2px 12px rgba(232, 168, 124, 0.25); } [data-theme="modern"] .btn-accent:hover { filter: brightness(1.1); box-shadow: 0 6px 24px rgba(232, 168, 124, 0.4); transform: translateY(-2px); color: #0f0f14; } [data-theme="modern"] .btn-outline-primary { color: var(--m-gold); border-color: rgba(232, 168, 124, 0.3); background: transparent; } [data-theme="modern"] .btn-outline-primary:hover { background: rgba(232, 168, 124, 0.1); border-color: var(--m-gold); color: var(--m-gold-light); box-shadow: 0 4px 16px rgba(232, 168, 124, 0.15); } [data-theme="modern"] .btn-outline-secondary { border-color: var(--modern-border); color: var(--m-text-muted); background: rgba(255, 255, 255, 0.03); } [data-theme="modern"] .btn-outline-secondary:hover { background: rgba(255, 255, 255, 0.06); border-color: var(--modern-border-hover); color: var(--m-text); } [data-theme="modern"] .btn-danger { background: linear-gradient(135deg, #dc2626, #f87171); border: none; color: #fff; } [data-theme="modern"] .btn-success { background: linear-gradient(135deg, #059669, #5ee4a0); border: none; color: #0f0f14; } [data-theme="modern"] .btn-lg { border-radius: var(--m-radius); } /* --- Forms: dark inputs with glow focus --- */ [data-theme="modern"] .form-control, [data-theme="modern"] .form-select { background: var(--modern-surface-1); border: 1px solid var(--modern-border); border-radius: var(--m-radius-sm); color: var(--m-text); transition: all 0.25s ease; } [data-theme="modern"] .form-control:focus, [data-theme="modern"] .form-select:focus { background: var(--modern-surface-2); border-color: rgba(232, 168, 124, 0.4); box-shadow: 0 0 0 3px rgba(232, 168, 124, 0.1), 0 4px 16px rgba(232, 168, 124, 0.08); color: var(--m-text); } [data-theme="modern"] .form-control::placeholder { color: var(--m-text-light); } [data-theme="modern"] .form-label { color: var(--m-text); font-weight: 500; font-size: 0.85rem; letter-spacing: 0.02em; } [data-theme="modern"] .form-check-label { color: var(--m-text); } [data-theme="modern"] .input-group-text { background: var(--modern-surface-3); border-color: var(--modern-border); color: var(--m-text-muted); } [data-theme="modern"] .form-check-input { background-color: var(--modern-surface-1); border-color: var(--modern-border-hover); } [data-theme="modern"] .form-check-input:checked { background-color: var(--m-gold); border-color: var(--m-gold); } /* --- Alerts: dark panels with accent border --- */ [data-theme="modern"] .ministry-alert { background: var(--modern-surface-2) !important; border: 1px solid var(--modern-border) !important; border-left: 4px solid transparent !important; color: var(--m-text); } [data-theme="modern"] .ministry-alert.alert-success { border-left-color: var(--m-success) !important; background: rgba(94, 228, 160, 0.06) !important; } [data-theme="modern"] .ministry-alert.alert-danger { border-left-color: var(--m-danger) !important; background: rgba(248, 113, 113, 0.06) !important; } [data-theme="modern"] .ministry-alert.alert-warning { border-left-color: var(--m-warning) !important; background: rgba(251, 191, 36, 0.06) !important; } [data-theme="modern"] .ministry-alert.alert-info { border-left-color: var(--m-info) !important; background: rgba(125, 211, 252, 0.06) !important; } /* --- Bootstrap alert overrides --- */ [data-theme="modern"] .alert-info { background: rgba(125, 211, 252, 0.08); border-color: rgba(125, 211, 252, 0.15); color: var(--m-info); } [data-theme="modern"] .alert-info .btn-primary { color: #0f0f14; } /* --- Tables: dark rows with subtle borders --- */ [data-theme="modern"] .table { color: var(--m-text); } [data-theme="modern"] .table thead th { background: var(--modern-surface-3); border-bottom: 1px solid rgba(232, 168, 124, 0.15); color: var(--m-text); font-family: var(--m-font-heading); text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.78rem; font-weight: 600; } [data-theme="modern"] .table-light { background: var(--modern-surface-3) !important; color: var(--m-text) !important; } [data-theme="modern"] .table-light th, [data-theme="modern"] .table-light td { background: var(--modern-surface-3) !important; color: var(--m-text) !important; } [data-theme="modern"] .table tbody td { border-bottom: 1px solid var(--modern-border); color: var(--m-text); } [data-theme="modern"] .table tbody tr:hover { background: rgba(232, 168, 124, 0.04); } /* DataTables modern overrides */ [data-theme="modern"] .dataTables_wrapper .dataTables_filter input { background: var(--modern-surface-1) !important; border: 1px solid var(--modern-border) !important; color: var(--m-text) !important; border-radius: var(--m-radius-sm) !important; } [data-theme="modern"] .dataTables_wrapper .dataTables_filter input:focus { border-color: rgba(232, 168, 124, 0.4) !important; box-shadow: 0 0 0 3px rgba(232, 168, 124, 0.1) !important; } [data-theme="modern"] .dataTables_wrapper .dataTables_length select { background: var(--modern-surface-1) !important; border: 1px solid var(--modern-border) !important; color: var(--m-text) !important; } [data-theme="modern"] .dataTables_wrapper .dataTables_info { color: var(--m-text-muted); } [data-theme="modern"] .page-item.active .page-link { background: var(--modern-gradient-warm); border-color: transparent; color: #0f0f14; } [data-theme="modern"] .page-link { color: var(--m-gold); background: var(--modern-surface-2); border-color: var(--modern-border); } [data-theme="modern"] .page-link:hover { background: var(--modern-surface-3); color: var(--m-gold-light); } /* --- Badges: pill-shaped, translucent --- */ [data-theme="modern"] .badge { font-weight: 500; border-radius: 20px; letter-spacing: 0.02em; } [data-theme="modern"] .badge.bg-primary { background: rgba(232, 168, 124, 0.15) !important; color: var(--m-gold); } [data-theme="modern"] .badge.bg-success { background: rgba(94, 228, 160, 0.12) !important; color: var(--m-success); } [data-theme="modern"] .badge.bg-danger { background: rgba(248, 113, 113, 0.12) !important; color: var(--m-danger); } [data-theme="modern"] .badge.bg-warning { background: rgba(251, 191, 36, 0.12) !important; color: var(--m-warning); } [data-theme="modern"] .badge.bg-info { background: rgba(125, 211, 252, 0.12) !important; color: var(--m-info); } [data-theme="modern"] .badge.bg-secondary { background: rgba(255, 255, 255, 0.08) !important; color: var(--m-text-muted); } /* --- Auth pages: dark card --- */ [data-theme="modern"] .auth-card { max-width: 440px; border: 1px solid var(--modern-border) !important; overflow: hidden; } [data-theme="modern"] .auth-card .auth-header { background: var(--m-gradient-hero); position: relative; } [data-theme="modern"] .auth-card .auth-header::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: var(--modern-gradient-warm); opacity: 0.3; } [data-theme="modern"] .auth-card .auth-header .auth-icon { background: rgba(232, 168, 124, 0.12); border: 1px solid rgba(232, 168, 124, 0.2); color: var(--m-gold); } [data-theme="modern"] .auth-card .card-body { background: var(--modern-surface-2); } /* --- Hero section --- */ [data-theme="modern"] .hero-section { background: var(--m-gradient-hero); position: relative; } [data-theme="modern"] .hero-section::before { background: radial-gradient(ellipse at 30% 40%, rgba(232, 168, 124, 0.08) 0%, transparent 50%), radial-gradient(ellipse at 70% 60%, rgba(199, 125, 186, 0.06) 0%, transparent 50%); } [data-theme="modern"] .hero-section .hero-cross { color: var(--m-gold); text-shadow: 0 0 40px rgba(232, 168, 124, 0.3); } [data-theme="modern"] .hero-section .btn-outline-light:hover { background: rgba(255, 255, 255, 0.08); } /* --- Dashboard welcome: dark gradient banner --- */ [data-theme="modern"] .dashboard-welcome { background: var(--m-gradient-hero); border: 1px solid var(--modern-border); position: relative; overflow: hidden; } [data-theme="modern"] .dashboard-welcome::before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--modern-gradient-warm); opacity: 0.4; } [data-theme="modern"] .dashboard-welcome::after { color: var(--m-gold); opacity: 0.04; } [data-theme="modern"] .dashboard-welcome h1 { color: #fff; } [data-theme="modern"] .dashboard-welcome p { color: rgba(255, 255, 255, 0.6); } /* --- Scripture popover: dark --- */ [data-theme="modern"] .scripture-popover { background: var(--modern-surface-2); border: 1px solid var(--modern-border); box-shadow: var(--m-shadow-lg); color: var(--m-text); } [data-theme="modern"] .scripture-popover-title { color: var(--m-gold); } [data-theme="modern"] .scripture-popover-verse-num { color: var(--m-gold-light); } /* --- Bible styles: dark --- */ [data-theme="modern"] .bible-book-link { color: var(--m-text); border-color: var(--modern-border); } [data-theme="modern"] .bible-book-link:hover { background: var(--modern-surface-3); border-color: rgba(232, 168, 124, 0.3); color: var(--m-gold-light); } [data-theme="modern"] .bible-verse-num { color: var(--m-gold); } [data-theme="modern"] .bible-verse:target { background: rgba(232, 168, 124, 0.1); } [data-theme="modern"] .bible-text { color: var(--m-text); } /* --- Scripture Accordion: modern dark --- */ [data-theme="modern"] #scriptureAccordion .accordion-item { border-color: var(--modern-border); background: var(--modern-surface-2); } [data-theme="modern"] #scriptureAccordion .accordion-button { background: var(--modern-surface-3); color: var(--m-text); font-family: var(--m-font-heading); } [data-theme="modern"] #scriptureAccordion .accordion-button:not(.collapsed) { background: rgba(232, 168, 124, 0.12); color: var(--m-gold-light); } [data-theme="modern"] #scriptureAccordion .accordion-button:not(.collapsed) .text-primary { color: var(--m-gold-light) !important; } [data-theme="modern"] #scriptureAccordion .accordion-button::after { filter: invert(0.7); } [data-theme="modern"] #scriptureAccordion .accordion-button:not(.collapsed)::after { filter: brightness(0) invert(0.85) sepia(1) saturate(3) hue-rotate(10deg); } [data-theme="modern"] #scriptureAccordion .accordion-body { background: var(--modern-surface-2); color: var(--m-text); } [data-theme="modern"] #scriptureAccordion .accordion-body blockquote { border-left-color: var(--m-gold); } /* --- Identity Page: modern dark --- */ [data-theme="modern"] .id-hero { background: var(--m-gradient-hero); } [data-theme="modern"] .id-hero-bg { background: radial-gradient(ellipse at 30% 30%, rgba(232, 168, 124, 0.08) 0%, transparent 55%), radial-gradient(ellipse at 70% 70%, rgba(199, 125, 186, 0.06) 0%, transparent 50%); } [data-theme="modern"] .id-hero-accent { background: var(--modern-gradient-warm); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } [data-theme="modern"] .id-hero-cross { color: var(--m-gold); text-shadow: 0 0 40px rgba(232, 168, 124, 0.3); } [data-theme="modern"] .id-hero-verse cite { color: var(--m-gold); } [data-theme="modern"] .id-segments { background: var(--m-cream); } [data-theme="modern"] .id-segment-visual { box-shadow: var(--m-shadow), 0 0 0 1px var(--modern-border); } [data-theme="modern"] .id-segment-visual:hover { box-shadow: var(--m-shadow-hover); } [data-theme="modern"] .id-segment-badge { background: var(--modern-surface-2); border-color: var(--modern-border); color: var(--m-gold); } [data-theme="modern"] .id-segment-label { background: rgba(232, 168, 124, 0.1); color: var(--m-gold); } [data-theme="modern"] .id-segment-title { color: var(--m-text); } [data-theme="modern"] .id-segment-body { color: var(--m-text-muted); } [data-theme="modern"] .id-segment-quote { border-left-color: var(--m-gold); background: rgba(232, 168, 124, 0.04); color: var(--m-text-muted); } [data-theme="modern"] .id-segment-quote cite { color: var(--m-gold); } [data-theme="modern"] .id-segment-features li { color: var(--m-text); } [data-theme="modern"] .id-segment-features li i { color: var(--m-gold); } [data-theme="modern"] .id-divider { border-top-color: var(--modern-border); } [data-theme="modern"] .id-cta { background: var(--m-gradient-hero); } [data-theme="modern"] .id-cta-bg { background: radial-gradient(ellipse at 50% 50%, rgba(232, 168, 124, 0.06) 0%, transparent 60%); } [data-theme="modern"] .id-cta-cross { color: var(--m-gold); } [data-theme="modern"] .id-cta .btn-outline-light { color: var(--m-gold); border-color: var(--m-gold); } [data-theme="modern"] .id-cta .btn-outline-light:hover { background: rgba(232, 168, 124, 0.1); border-color: var(--m-gold-light); color: var(--m-gold-light); } [data-theme="modern"] .id-cta-footer cite { color: var(--m-gold); } /* --- Landing Page: modern dark --- */ [data-theme="modern"] .landing-hero { background: var(--m-gradient-hero); } [data-theme="modern"] .landing-hero-bg { background: radial-gradient(ellipse at 25% 40%, rgba(232, 168, 124, 0.08) 0%, transparent 55%), radial-gradient(ellipse at 75% 70%, rgba(199, 125, 186, 0.06) 0%, transparent 50%); } [data-theme="modern"] .landing-hero-accent { background: var(--modern-gradient-warm); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } [data-theme="modern"] .landing-hero .hero-cross { color: var(--m-gold); text-shadow: 0 0 40px rgba(232, 168, 124, 0.3); } [data-theme="modern"] .landing-orb-1 { background: radial-gradient(circle, rgba(232, 168, 124, 0.2), transparent 70%); } [data-theme="modern"] .landing-orb-2 { background: radial-gradient(circle, rgba(199, 125, 186, 0.18), transparent 70%); } [data-theme="modern"] .landing-orb-3 { background: radial-gradient(circle, rgba(125, 211, 252, 0.15), transparent 70%); } [data-theme="modern"] .landing-hero-icon { color: rgba(232, 168, 124, 0.12); } [data-theme="modern"] .landing-features { background: var(--m-cream); } [data-theme="modern"] .landing-section-title { color: var(--m-text); } [data-theme="modern"] .landing-section-subtitle { color: var(--m-text-muted); } [data-theme="modern"] .landing-feature-card { background: var(--modern-surface-2) !important; border: 1px solid var(--modern-border) !important; box-shadow: var(--m-shadow); } [data-theme="modern"] .landing-feature-card:hover { background: var(--modern-surface-3) !important; box-shadow: var(--m-shadow-hover); border-color: var(--modern-border-hover) !important; } [data-theme="modern"] .landing-feature-card h5 { color: var(--m-text); } [data-theme="modern"] .landing-feature-card p { color: var(--m-text-muted); } [data-theme="modern"] .landing-scripture { background: var(--m-gradient-hero); } [data-theme="modern"] .landing-scripture::before { background: radial-gradient(ellipse at 50% 50%, rgba(232, 168, 124, 0.06) 0%, transparent 60%); } [data-theme="modern"] .landing-quote-icon { color: var(--m-gold); } [data-theme="modern"] .landing-verse cite { color: var(--m-gold); } [data-theme="modern"] .landing-cta { background: var(--m-cream); } [data-theme="modern"] .landing-cta-title { color: var(--m-text); } [data-theme="modern"] .landing-cta-subtitle { color: var(--m-text-muted); } [data-theme="modern"] .landing-cta .btn-outline-light { color: var(--m-gold); border-color: var(--m-gold); } [data-theme="modern"] .landing-cta .btn-outline-light:hover { background: rgba(232, 168, 124, 0.1); border-color: var(--m-gold-light); color: var(--m-gold-light); } /* --- Theme toggle button --- */ [data-theme="modern"] .theme-toggle { background: rgba(232, 168, 124, 0.08); border: 1px solid rgba(232, 168, 124, 0.15); color: var(--m-gold); } [data-theme="modern"] .theme-toggle:hover { background: rgba(232, 168, 124, 0.15); box-shadow: 0 0 20px rgba(232, 168, 124, 0.2); transform: scale(1.1); } /* --- Utility overrides --- */ [data-theme="modern"] .text-gold { color: var(--m-gold) !important; } [data-theme="modern"] .text-wine { color: var(--m-wine-light) !important; } [data-theme="modern"] .text-muted { color: var(--m-text-muted) !important; } [data-theme="modern"] .text-primary { color: var(--m-gold) !important; } [data-theme="modern"] .text-dark { color: var(--m-text) !important; } [data-theme="modern"] .text-black { color: var(--m-text) !important; } [data-theme="modern"] .text-black-50 { color: var(--m-text-muted) !important; } [data-theme="modern"] .text-white-50 { color: rgba(232, 230, 240, 0.6) !important; } [data-theme="modern"] .text-success { color: var(--m-success) !important; } [data-theme="modern"] .text-danger { color: var(--m-danger) !important; } [data-theme="modern"] .text-warning { color: var(--m-warning) !important; } [data-theme="modern"] .text-info { color: var(--m-info) !important; } [data-theme="modern"] .bg-cream { background-color: var(--m-cream) !important; } [data-theme="modern"] .bg-sand { background-color: var(--m-sand) !important; } [data-theme="modern"] .bg-white { background-color: var(--modern-surface-2) !important; } [data-theme="modern"] .bg-light { background-color: var(--modern-surface-1) !important; } [data-theme="modern"] .bg-dark { background-color: var(--modern-surface-3) !important; } [data-theme="modern"] .bg-body { background-color: var(--m-cream) !important; } [data-theme="modern"] .divider-gold { background: var(--modern-gradient-warm); } [data-theme="modern"] .border-bottom { border-bottom-color: var(--modern-border) !important; } [data-theme="modern"] .border { border-color: var(--modern-border) !important; } /* --- Scrollbar: modern slim --- */ [data-theme="modern"] ::-webkit-scrollbar { width: 6px; } [data-theme="modern"] ::-webkit-scrollbar-track { background: transparent; } [data-theme="modern"] ::-webkit-scrollbar-thumb { background: rgba(232, 168, 124, 0.2); border-radius: 3px; } [data-theme="modern"] ::-webkit-scrollbar-thumb:hover { background: rgba(232, 168, 124, 0.35); } /* --- Smooth theme transition --- */ [data-theme="modern"] *, [data-theme="modern"] *::before, [data-theme="modern"] *::after { transition-property: background-color, background, border-color, color, box-shadow; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } /* Exclude elements that have their own critical transitions */ [data-theme="modern"] .btn, [data-theme="modern"] .nav-link, [data-theme="modern"] .form-control, [data-theme="modern"] .form-select, [data-theme="modern"] .dashboard-card { transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); } /* --- Sticky headers: dark --- */ [data-theme="modern"] .bible-sticky-header, [data-theme="modern"] .study-sticky-header { background: rgba(15, 15, 20, 0.95); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom-color: var(--modern-border); } /* --- Bible chapter navigation buttons --- */ [data-theme="modern"] .bible-chapter-btn { color: var(--m-text-muted); border-color: var(--modern-border); background: var(--modern-surface-2); } [data-theme="modern"] .bible-chapter-btn:hover, [data-theme="modern"] .bible-chapter-btn.active { background: rgba(232, 168, 124, 0.12); border-color: rgba(232, 168, 124, 0.3); color: var(--m-gold); } /* --- Scripture hover badges --- */ [data-theme="modern"] .scripture-hover { background-color: var(--modern-surface-3) !important; border-color: var(--modern-border) !important; color: var(--m-text) !important; } [data-theme="modern"] .scripture-hover:hover { background-color: rgba(232, 168, 124, 0.08) !important; border-color: rgba(232, 168, 124, 0.2) !important; } /* --- Modal overrides --- */ [data-theme="modern"] .modal-content { background: var(--modern-surface-2); border: 1px solid var(--modern-border); color: var(--m-text); } [data-theme="modern"] .modal-header { border-bottom-color: var(--modern-border); } [data-theme="modern"] .modal-footer { border-top-color: var(--modern-border); } [data-theme="modern"] .btn-close { filter: invert(1); } /* --- Dropdown overrides --- */ [data-theme="modern"] .dropdown-menu { background: var(--modern-surface-2); border: 1px solid var(--modern-border); box-shadow: var(--m-shadow-lg); } [data-theme="modern"] .dropdown-item { color: var(--m-text-muted); } [data-theme="modern"] .dropdown-item:hover, [data-theme="modern"] .dropdown-item:focus { background: rgba(232, 168, 124, 0.08); color: var(--m-text); } [data-theme="modern"] .dropdown-divider { border-color: var(--modern-border); } /* --- List group overrides --- */ [data-theme="modern"] .list-group-item { background: var(--modern-surface-2); border-color: var(--modern-border); color: var(--m-text); } [data-theme="modern"] .list-group-item.active { background: rgba(232, 168, 124, 0.1); border-color: rgba(232, 168, 124, 0.2); color: var(--m-gold); } /* --- Nav tabs overrides --- */ [data-theme="modern"] .nav-tabs { border-bottom-color: var(--modern-border); } [data-theme="modern"] .nav-tabs .nav-link { color: var(--m-text-muted); } [data-theme="modern"] .nav-tabs .nav-link:hover { border-color: var(--modern-border-hover); color: var(--m-text); } [data-theme="modern"] .nav-tabs .nav-link.active { background: var(--modern-surface-2); border-color: var(--modern-border) var(--modern-border) var(--modern-surface-2); color: var(--m-gold); } /* --- Accordion general --- */ [data-theme="modern"] .accordion-item { background: var(--modern-surface-2); border-color: var(--modern-border); } [data-theme="modern"] .accordion-button { background: var(--modern-surface-3); color: var(--m-text); } [data-theme="modern"] .accordion-button::after { filter: invert(0.7); } [data-theme="modern"] .accordion-button:not(.collapsed) { background: rgba(232, 168, 124, 0.08); color: var(--m-gold-light); } [data-theme="modern"] .accordion-body { background: var(--modern-surface-2); color: var(--m-text); } /* --- Responsive: modern mobile nav --- */ @media (max-width: 991.98px) { [data-theme="modern"] .ministry-navbar .navbar-collapse { background: rgba(15, 15, 20, 0.95); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid var(--modern-border); border-radius: var(--m-radius); } /* Modern app dock */ [data-theme="modern"] .mobile-dock { background: rgba(15, 15, 20, 0.95); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-top: 1px solid var(--modern-border); box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.4); } [data-theme="modern"] .mobile-dock-icon.active .mobile-dock-bubble { box-shadow: 0 0 0 2px var(--m-gold), 0 2px 8px rgba(232, 168, 124, 0.3); } [data-theme="modern"] .mobile-dock-icon.active .mobile-dock-label { color: var(--m-gold); } [data-theme="modern"] .mobile-dock-label { color: rgba(232, 230, 240, 0.45); } /* Modern More drawer */ [data-theme="modern"] .mobile-more-drawer { background: rgba(15, 15, 20, 0.97); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-top: 1px solid var(--modern-border); } [data-theme="modern"] .mobile-grid-label { color: rgba(232, 230, 240, 0.6); } [data-theme="modern"] .mobile-grid-section { color: rgba(232, 230, 240, 0.3); border-top-color: var(--modern-border); } /* Modern dashboard mobile grid */ [data-theme="modern"] .dashboard-card { background: transparent !important; border: none !important; box-shadow: none !important; } [data-theme="modern"] .dashboard-card::before, [data-theme="modern"] .dashboard-card::after { display: none !important; } [data-theme="modern"] .dashboard-card .card-title { color: var(--m-text); } } /* --- Admin table-cards dark override --- */ @media (max-width: 991.98px) { [data-theme="modern"] .table-cards tbody tr { background: var(--modern-surface-2); border-color: var(--modern-border); } [data-theme="modern"] .table-cards tbody td:first-child { border-bottom-color: var(--modern-border); } [data-theme="modern"] .table-cards tbody td:last-child { border-top-color: var(--modern-border); } [data-theme="modern"] .table-cards tbody td::before { color: var(--m-text-muted); } } /* --- TTS controls dark --- */ [data-theme="modern"] .scripture-tts-control { background: var(--modern-surface-3); border-color: var(--modern-border); } [data-theme="modern"] .scripture-tts-inline { background: var(--modern-surface-3); } /* --- Misc Bootstrap dark overrides --- */ [data-theme="modern"] hr { border-color: var(--modern-border); opacity: 1; } [data-theme="modern"] .breadcrumb-item a { color: var(--m-gold); } [data-theme="modern"] .breadcrumb-item.active { color: var(--m-text-muted); } [data-theme="modern"] .breadcrumb-item + .breadcrumb-item::before { color: var(--m-text-light); } [data-theme="modern"] blockquote { border-left-color: var(--m-gold); color: var(--m-text-muted); } [data-theme="modern"] code { color: var(--m-gold-light); background: rgba(232, 168, 124, 0.08); padding: 0.15em 0.4em; border-radius: 4px; } [data-theme="modern"] pre { background: var(--modern-surface-1); border: 1px solid var(--modern-border); border-radius: var(--m-radius-sm); color: var(--m-text); } /* --- Toast overrides (Toastr) --- */ [data-theme="modern"] .toast-success { background-color: rgba(94, 228, 160, 0.9) !important; color: #0f0f14 !important; } [data-theme="modern"] .toast-error { background-color: rgba(248, 113, 113, 0.9) !important; color: #fff !important; } [data-theme="modern"] .toast-info { background-color: rgba(125, 211, 252, 0.9) !important; color: #0f0f14 !important; } [data-theme="modern"] .toast-warning { background-color: rgba(251, 191, 36, 0.9) !important; color: #0f0f14 !important; } /* --- Progress bars --- */ [data-theme="modern"] .progress { background-color: var(--modern-surface-3); } [data-theme="modern"] .progress-bar { color: #0f0f14; } /* --- Offcanvas / sidebar --- */ [data-theme="modern"] .offcanvas { background-color: var(--modern-surface-2); color: var(--m-text); border-color: var(--modern-border); } /* --- Popover --- */ [data-theme="modern"] .popover { background-color: var(--modern-surface-2); border-color: var(--modern-border); color: var(--m-text); } [data-theme="modern"] .popover-header { background-color: var(--modern-surface-3); border-bottom-color: var(--modern-border); color: var(--m-text); } [data-theme="modern"] .popover-body { color: var(--m-text); } /* --- Tooltip --- */ [data-theme="modern"] .tooltip-inner { background-color: var(--modern-surface-3); color: var(--m-text); } /* --- Ensure strong/b/em inherit proper color --- */ [data-theme="modern"] strong, [data-theme="modern"] b, [data-theme="modern"] em { color: inherit; }