/* The demo panels in knowble.co.nz's look: raspberry, Bricolage Grotesque headings, Figtree text, soft-edged cards. */
:root { --ink: #3b3438; --spark: #c2255c; --tint: #fce8ef; --ground: #fdf5f7; --raised: #fffbfc; --line: #f0dce3; --muted: #6a5a61; }
.dark { --ink: #f6eff2; --spark: #f48fb1; --tint: #2a1a21; --ground: #150f12; --raised: #2c2227; --line: #33272c; --muted: #ad9ea5; }
.fi-body, .fi-layout, .fi-main-ctn, .fi-topbar, .fi-topbar > nav, .fi-sidebar { background: var(--ground) !important; }
.fi-header-heading, .fi-section-header-heading, .fi-modal-heading, .fi-logo, .fi-simple-header-heading, .knowble h1, .knowble h2, .knowble h3 { font-family: 'Bricolage Grotesque', ui-sans-serif, sans-serif !important; letter-spacing: -.02em; }
.fi-header-heading, .fi-logo, .knowble h1 { font-weight: 800 !important; letter-spacing: -.03em; }
.fi-section:not(.fi-section-not-contained), .fi-sc-tabs.fi-contained, .fi-ta-ctn, .fi-simple-main {
    background: var(--raised) !important; border: 1px solid var(--line) !important; border-radius: 18px !important;
    box-shadow: 0 1px 2px rgb(60 10 30 / .06), 0 24px 40px -28px rgb(60 10 30 / .35) !important; --tw-ring-shadow: 0 0 #0000 !important;
}
.fi-section-header { border-bottom-color: var(--line) !important; }
.fi-section-header-description, .fi-header-subheading { color: var(--muted) !important; }
.fi-sidebar-item-active .fi-sidebar-item-btn { background: var(--tint) !important; }
.fi-btn { border-radius: 999px !important; }
.demo-banner { display: flex; flex-wrap: wrap; gap: .4rem 1.25rem; align-items: center; justify-content: center; padding: .55rem 1rem; background: #150f12; color: #f6eff2; font-size: .85rem; text-align: center; }
.demo-banner a { color: #f48fb1; font-weight: 600; text-decoration: underline; text-underline-offset: .2em; }