website refactor

apps/website/ui/Section.tsx

@@ -28,10 +28,10 @@ export function Section({
 }: SectionProps) {
   const variantClasses = {
     default: '',
-    card: 'bg-iron-gray rounded-lg p-6 border border-charcoal-outline',
-    highlight: 'bg-gradient-to-r from-blue-900/20 to-blue-700/10 rounded-lg p-6 border border-blue-500/30',
-    dark: 'bg-iron-gray',
-    light: 'bg-charcoal-outline'
+    card: 'bg-panel-gray rounded-none p-6 border border-border-gray',
+    highlight: 'bg-gradient-to-r from-primary-accent/10 to-transparent rounded-none p-6 border border-primary-accent/30',
+    dark: 'bg-graphite-black',
+    light: 'bg-panel-gray'
   };
   
   const classes = [