Refine root UI around shadcn primitives

components/layout/site-header.tsx

@@ -71,7 +71,7 @@ export function SiteHeader({ isAdmin = false }: SiteHeaderProps) {
           <div className="flex items-center gap-4">
             <Link
               href={getLocalizedPath(locale)}
-              className="inline-flex items-center rounded-nested border border-border bg-surface-1 px-3 py-2 shadow-xs"
+              className="inline-flex items-center rounded-md border border-input bg-background px-3 py-2 shadow-sm"
             >
               <Image
                 src="/logos/light-primary.svg"
@@ -115,7 +115,7 @@ export function SiteHeader({ isAdmin = false }: SiteHeaderProps) {
       </Container>
 
       {isOpen ? (
-        <div className="border-t border-border/80 bg-surface-1 md:hidden">
+        <div className="border-t border-border/80 bg-background md:hidden">
           <Container className="py-4">
             <nav className="flex flex-col gap-3">
               <NavLinks isAdmin={isAdmin} onNavigate={() => setIsOpen(false)} />