/* "Wave" for Filament (P1-E13-01, DL-34, spec 11). Colours come through the panel's palette (WaveTheme::colors);
   this file adds what a palette can't: the paper background, display type and Wave radii. Values are the design
   tokens from tokens.css, which follow light/dark through data-theme (kept in sync with Filament's toggle). */

/* Surfaces */
.fi-body { background-color: var(--hallo-color-paper); }
.dark .fi-body { background-color: var(--hallo-color-paper); }

/* Type: Bricolage Grotesque for headings and the brand, Instrument Sans everywhere else (panel font) */
.fi-logo,
.fi-header-heading,
.fi-simple-header-heading,
.fi-section-header-heading,
.fi-modal-heading,
.fi-wi-stats-overview-stat-value {
    font-family: var(--hallo-font-display);
    letter-spacing: -0.01em;
}
.fi-logo { font-weight: 800; color: var(--hallo-accent-primary); }

/* Shape: pills for actions and badges, rounded panels, softer inputs (spec 11 §3.4) */
.fi-btn,
.fi-badge,
.fi-icon-btn { border-radius: var(--hallo-radius-full); }
.fi-section,
.fi-ta-ctn,
.fi-wi-stats-overview-stat,
.fi-simple-main { border-radius: var(--hallo-radius-panel); }
.fi-input-wrp,
.fi-dropdown-panel,
.fi-sidebar-item-btn { border-radius: var(--hallo-radius-content); }
.fi-modal-window { border-radius: var(--hallo-radius-sheet); }

/* Focus ring in the accent focus colour */
.fi-btn:focus-visible,
.fi-input-wrp:focus-within { outline: 2px solid var(--hallo-accent-focus); outline-offset: 2px; }