Description

Create a standalone static CSS file that can be used by GitHub Pages sites to display analytics charts for applications that implement findable-ui. This CSS should provide a consistent look and feel that matches the findable-ui design system without requiring the full React component library.

Background

Each site that implements findable-ui will have a GitHub Page displaying analytics charts. These pages need basic styling that aligns with the findable-ui design language but doesn't require bundling the entire component library.

Requirements

The static CSS file should include:

Page Layout

• Page margins and padding
• Max-width container
• Basic responsive breakpoints

Typography

• Font family (matching findable-ui theme)
• Heading styles (h1-h6)
• Body text styles
• Link styles

Header

• Basic header/navbar styling
• Logo placement
• Navigation links (if applicable)

Cards

• Card container with shadow/border
• Card header
• Card body/content area
• Card padding and spacing

Acceptance Criteria

• Static CSS file created at a suitable location (e.g., src/styles/static/analytics.css or similar)
• CSS is self-contained with no external dependencies
• Styles match the findable-ui design system (colors, spacing, typography)
• File is included in the published npm package
• Basic documentation on how to include the CSS in a GitHub Pages site

Technical Notes

• Consider using CSS custom properties (variables) for colors/spacing to allow some customization
• Keep the file size minimal - only include what's needed for the analytics pages
• Ensure the CSS doesn't conflict with common class names (consider a namespace prefix like .fui-)