export const container = 'flex flex-col gap-6 sticky top-0';

export const innerContainer = 'flex flex-col gap-6';

// Avatar - no border needed, Aside handles the separator
export const avatar = 'w-32 h-32 md:w-48 md:h-48 aspect-square object-cover';

export const infoSection = 'flex flex-col gap-4';

export const name = 'text-4xl font-medium';

// Secondary text: 60% opacity of current text color (inherits from page theme)
export const detail = 'text-xl opacity-60';

export const section = 'flex flex-col gap-2';

export const sectionTitle = 'text-xl font-medium';

export const connectLinks = 'flex flex-col gap-2 text-lg';