/* =================================================================== * flocks.css — shared visual framework for the flocks brand * * Used by: * - /admin/flocks/*.php (the design lab — canonical reference) * - /messages/ (planned migration) * * Loads: * Bricolage Grotesque + Inter + Material Symbols Rounded * should be linked SEPARATELY in each page's (faster than @import). * * Conventions: * - 2 fonts only: Bricolage Grotesque (headlines, wordmark) + Inter (everything else). * - Material Symbols Rounded for ALL icons; never inline SVG. * - The brown dot after "flocks" is always var(--secondary). * - Page-specific styles stay inline in each page's