/* The demo panels in wishble.co.nz's look: violet, Red Hat Display headings, IBM Plex Sans text, ink-outlined cards. */
:root { --ink: #3a3542; --spark: #4b2a9c; --ground: #f9f8fb; --raised: #fff; --line: #e6e2ee; --muted: #655e72; }
.dark { --ink: #f1eef7; --spark: #b6a2f2; --ground: #13111a; --raised: #221e2d; --line: #2f2a3b; --muted: #aaa3b9; }
.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 { font-family: 'Red Hat Display', ui-sans-serif, sans-serif !important; font-weight: 900 !important; letter-spacing: -.02em; }
.fi-header-heading { font-size: 2.1rem !important; }
.fi-section-header-heading { font-size: 1.2rem !important; }
.fi-section:not(.fi-section-not-contained), .fi-sc-tabs.fi-contained, .fi-ta-ctn, .fi-wi-stats-overview-stat, .fi-simple-main {
    background: var(--raised) !important; border: 2px solid var(--ink) !important; border-radius: 22px !important;
    box-shadow: 6px 6px 0 var(--spark) !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: color-mix(in srgb, var(--spark) 14%, transparent) !important; }
.demo-banner { display: flex; flex-wrap: wrap; gap: .4rem 1.25rem; align-items: center; justify-content: center; padding: .55rem 1rem; background: #13111a; color: #f1eef7; font-size: .85rem; text-align: center; }
.demo-banner a { color: #b6a2f2; font-weight: 600; text-decoration: underline; text-underline-offset: .2em; }