Align design system with ADS 3.0 and add new components

Token foundation: fix 16 palette colours to match official ADS_COLORS,
add 5 new palettes (teal, brown, purple, fuchsia, yellow), realign
semantic tokens (primary=navy, info=bright blue), fix border radii to
8px base, add responsive heading typography.

Component migration: swap primary/info references across all existing
components, update Button (44px/semibold), Switch (green/compact),
Chip (30px/8px radius + colour variants), SideNav (80px rail), Tag
(11 colours).

New components: SideNav, TopBar, Avatar, Tabs, PageHeader, Slider,
RangeSlider, FileInput, DataTable, List, Autocomplete.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/components/atoms/Badge/Badge.tsx

@@ -21,7 +21,7 @@ export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
 const variantStyles: Record<string, string> = {
   navy: 'bg-badge-navy text-white',
   info: 'bg-badge-info text-white',
-  'info-light': 'bg-badge-info-light text-primary-dark',
+  'info-light': 'bg-badge-info-light text-primary',
   success: 'bg-badge-success text-white',
   'success-light': 'bg-badge-success-light text-badge-on-success-light',
   error: 'bg-badge-error text-white',
@@ -29,7 +29,7 @@ const variantStyles: Record<string, string> = {
   warning: 'bg-badge-warning text-white',
   'warning-light': 'bg-badge-warning-light text-badge-on-warning-light',
   neutral: 'bg-badge-neutral text-text-secondary',
-  white: 'bg-surface text-primary-dark border border-primary-dark',
+  white: 'bg-surface text-primary border border-primary',
 }
 
 export function Badge({