fix: make text in inline code blocks visible (#38)

### Explanation

dark mode before
![image.png](/attachments/1990d57d-59b8-4d15-8d47-e8a8cb0c4ca3)
dark mode after
![image.png](/attachments/ae8f6740-620e-47bb-83a2-b4e8015462dd)

light mode before
![image.png](/attachments/ea06ec0d-8c39-4f2a-8116-cb1e80ccc82e)
light mode after
![image.png](/attachments/7fa57aa3-c7a1-4ed5-85f4-28a0fa33b8b4)

I copied from the code blocks that are used in the style guide to be sure to use approved colors

### Issue

_No response_

### Attestations

- [x] I have read and agree to the [Code of Conduct](https://docs.nhcarrigan.com/community/coc/)
- [x] I have read and agree to the [Community Guidelines](https://docs.nhcarrigan.com/community/guide/).
- [x] My contribution complies with the [Contributor Covenant](https://docs.nhcarrigan.com/dev/covenant/).

### Dependencies

- [ ] I have pinned the dependencies to a specific patch version.

### Style

- [x] I have run the linter and resolved any errors.
- [x] My pull request uses an appropriate title, matching the conventional commit standards.
- [x] My scope of feat/fix/chore/etc. correctly matches the nature of changes in my pull request.

### Tests

- [ ] My contribution adds new code, and I have added tests to cover it.
- [ ] My contribution modifies existing code, and I have updated the tests to reflect these changes.
- [ ] All new and existing tests pass locally with my changes.
- [ ] Code coverage remains at or above the configured threshold.

### Documentation

_No response_

### Versioning

Patch - My pull request introduces bug fixes ONLY.

Reviewed-on: #38
Co-authored-by: Ilenia <ilenia@nhcarrigan.com>
Co-committed-by: Ilenia <ilenia@nhcarrigan.com>

src/styles/style.css

@@ -191,6 +191,20 @@ site-search button[data-open-modal] kbd {
   border-color: var(--primary-color) !important;
 }
 
+:where(.sl-markdown-content, .content-panel, article) :not(pre) > code {
+  font-family: "Courier New", monospace;
+  font-weight: 600;
+  background: rgba(43, 27, 61, 0.05) !important;
+  color: var(--witch-purple) !important;
+  padding: 2px 6px;
+  border-radius: 4px;
+}
+
+html[data-theme="dark"] :where(.sl-markdown-content, .content-panel, article) :not(pre) > code {
+  background: rgba(255, 255, 255, 0.08) !important;
+  color: var(--witch-lavender) !important;
+}
+
 #starlight__search {
   --pagefind-ui-text: var(--primary-color);
   --pagefind-ui-primary: var(--witch-rose);