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/Accordion/Accordion.tsx

@@ -189,8 +189,8 @@ export const AccordionTrigger = forwardRef<HTMLButtonElement, AccordionTriggerPr
         onClick={() => toggle(value)}
         className={cn(
           'flex h-16 w-full items-center gap-3 px-6 text-left font-bold text-text transition-colors',
-          'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary',
-          isOpen ? 'bg-primary/12' : 'bg-surface hover:bg-primary/5',
+          'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-info',
+          isOpen ? 'bg-info/12' : 'bg-surface hover:bg-info/5',
           disabled && 'pointer-events-none opacity-50',
           className,
         )}