Styling & Branding

The docs site is intentionally branded with the RitoVision aesthetic: deep blues, high-contrast accents, and custom typography. The single source of truth today is docs/styles/override.css.

Source of truth

- - override.css
  - colors.css
  - layout.css
  - typography.css

override.css is the canonical styling file today. Other style files exist, but they are not the primary source of truth yet.

Brand tokens

Token	Purpose
`—primary-color`	Deep blue background and base UI surfaces
`—secondary-color`	Secondary accents, borders, highlights
`—accent-color`	Primary CTA and interactive focus states
`—font-primary`	Headings (AgencyB)
`—font-body`	Body text (Michroma)

Nextra overrides

The file also overrides Nextra theme tokens like:

—nextra-primary-hue and —nextra-primary-saturation
—nextra-foreground-default for global text color
—nextra-link-text-color for link states

These are used to align Nextra components (cards, tables, callouts, search, and footer) to the RitoVision palette.

Practical guidance

Update global colors in override.css first.
Keep component-level tweaks small and intentional.
Use the shared CSS variables for consistency.