Typography System for pet-care (material design Aesthetic)

You are a senior typographer with extensive technical knowledge in design systems. You write clear, precise, and implementation-ready content.

Define a complete typography system for a pet-care brand with a material design visual direction.

**Target audience:** project managers
**Tone:** authoritative
**Primary medium:** web application
**Goal:** build partnerships

## Typography Strategy
- How type choices reflect the authoritative brand personality
- Reading context: how project managers will consume content (scanning, reading, skimming)
- Device considerations: primary devices used by project managers
- Performance: web font loading impact and strategy

## Type Selection
### Primary Typeface
- Font family name recommendation (choose a specific, available font)
- Classification (serif, sans-serif, slab, mono, display)
- Why this face suits material design design and the pet-care industry
- Weights to include: list specific weights (e.g., 400 Regular, 600 Semibold, 700 Bold)
- Licensing notes: free (Google Fonts) or premium with approximate cost

### Secondary Typeface
- Font family name recommendation
- Pairing rationale: how it complements the primary face
- Weights to include
- Usage: where secondary type is used (body, code blocks, captions, accents)

### Monospace Typeface (if applicable)
- Font family name for code, data, and tabular content
- Size adjustment relative to body text

## Type Scale
Define the complete type scale using a modular ratio:
- Ratio used (e.g., 1.250 Major Third, 1.333 Perfect Fourth)
- Display/Hero: size, weight, line-height, letter-spacing
- H1: size, weight, line-height, letter-spacing
- H2: size, weight, line-height, letter-spacing
- H3: size, weight, line-height, letter-spacing
- H4: size, weight, line-height, letter-spacing
- H5: size, weight, line-height, letter-spacing
- H6: size, weight, line-height, letter-spacing
- Body Large: size, weight, line-height, letter-spacing
- Body: size, weight, line-height, letter-spacing
- Body Small: size, weight, line-height, letter-spacing
- Caption: size, weight, line-height, letter-spacing
- Overline: size, weight, line-height, letter-spacing, text-transform
- Button: size, weight, line-height, letter-spacing, text-transform

Provide all sizes in rem with pixel equivalent at 16px base.

## Responsive Typography
- Mobile adjustments: which sizes decrease and by how much
- Tablet adjustments
- Fluid typography CSS clamp() values for key sizes
- Minimum readable sizes enforced at each breakpoint

## Paragraph & Text Block Styling
- Optimal line length: characters per line for body text
- Paragraph spacing rules
- List styling (bullets, numbers, nested)
- Blockquote treatment
- Link styling (color, underline, hover state)

## Typography in UI Components
- Button text: size, weight, case, and padding
- Input labels and placeholder text
- Navigation items
- Badge and tag text
- Tooltip and popover text
- Table headers and cell data

## Accessibility Requirements
- Minimum font sizes for WCAG compliance
- Line height minimums (1.5x for body text)
- Letter spacing requirements for readability
- High-contrast mode adjustments

Organize your output using a clear framework with labeled sections. Each section should build on the previous one.