# HiveOps Incident - Key Learnings

## Project Structure
- Frontend: SvelteKit at `frontend/`, backend: Spring Boot at `backend/`
- CSS is split between standalone `.css` files (Dashboard, IncidentList, AtmHistory, JournalEvents, CreateIncident) and scoped `<style>` blocks in `.svelte` files (AtmProperties, IncidentWorkflow, MultiSelectDropdown, AtmInfoCard, AtmSelector)
- Global styles: `app.css` (`:root` vars) and `App.svelte` (global selectors with `:global()`)

## Typography System (implemented)
- All font sizes use CSS custom properties defined in `app.css :root`
- Variables: `--font-size-page-title` (1.4rem), `--font-size-section-title` (1.1rem), `--font-size-card-title` (0.95rem), `--font-size-body` (0.95rem), `--font-size-body-sm` (0.9rem), `--font-size-label` (0.85rem), `--font-size-caption` (0.8rem), `--font-size-tiny` (0.75rem), `--font-size-stat-value` (2rem), `--font-size-icon` (1.1rem), `--font-size-icon-sm` (0.9rem), `--font-size-subtitle` (0.85rem)
- `font-family` removed from `app.css` `:root`, kept in `App.svelte` global

## Build
- `cd frontend && npm run build` - quick (~2s), pre-existing unused CSS selector warnings in App.svelte dark mode styles are normal
- Git hosting: Gitea (not GitHub/GitLab)