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/molecules/Card/Card.tsx

@@ -11,7 +11,7 @@ const variantStyles: Record<string, string> = {
   surface: 'bg-surface border border-border shadow-default',
   outlined: 'bg-surface border border-border',
   elevated: 'bg-surface shadow-md',
-  filled: 'bg-primary-dark text-white',
+  filled: 'bg-primary text-white',
 }
 
 export const Card = forwardRef<HTMLDivElement, CardProps>(