Joomla 4, get custom css & js files to work in my template

I am trying to add my own template to my Joomla project. So far what I've done is the following:

* Created a folder for the template.
* Added index.php & templateDetails.xml, plus the css & js files
* Included all the files in the .xml document like so:




GardenTemplate
March 2024
F.P
1.0
My Custom Joomla Template

index.php
templateDetails.xml
css
js
css/style.css
js/script.js




* Zipped everything and installed in Joomla admin as extension.
* Set the new template as default.

The markup itself is being displayed, but the css and js doesn't work for some reason. I tried clearing the cache in both the browser & in Joomla Admin, but it doesn't seem to fix anything.

I need someone to help me solve this issue.