From 3aa8fead76638fea2edbff6f01e83adc776f7b09 Mon Sep 17 00:00:00 2001
From: Pavel Sviderski <me@psviderski.name>
Date: Fri, 16 May 2025 21:35:04 +1000
Subject: [PATCH] chore: configure docs custom styles, init intro page

---
 docs/docs/intro.md      |  7 +++++++
 docs/package-lock.json  |  2 +-
 docs/src/css/custom.css | 40 ++++++++++++++++++++++++++++++++++++++++
 3 files changed, 48 insertions(+), 1 deletion(-)
 create mode 100644 docs/docs/intro.md
 create mode 100644 docs/src/css/custom.css

diff --git a/docs/docs/intro.md b/docs/docs/intro.md
new file mode 100644
index 00000000..0dab386b
--- /dev/null
+++ b/docs/docs/intro.md
@@ -0,0 +1,7 @@
+---
+slug: /
+---
+
+# Intro
+
+TBD
diff --git a/docs/package-lock.json b/docs/package-lock.json
index cd9254a2..87008a0f 100644
--- a/docs/package-lock.json
+++ b/docs/package-lock.json
@@ -5,7 +5,7 @@
   "requires": true,
   "packages": {
     "": {
-      "name": "my-website",
+      "name": "docs",
       "version": "0.0.0",
       "dependencies": {
         "@docusaurus/core": "3.7.0",
diff --git a/docs/src/css/custom.css b/docs/src/css/custom.css
new file mode 100644
index 00000000..02104cc1
--- /dev/null
+++ b/docs/src/css/custom.css
@@ -0,0 +1,40 @@
+/**
+ * Any CSS included here will be global. The classic template
+ * bundles Infima by default. Infima is a CSS framework designed to
+ * work well for content-centric websites.
+ */
+
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700&display=swap');
+
+/* You can override the default Infima variables here. */
+:root {
+  --ifm-font-family-base: 'Inter', sans-serif;
+  --ifm-heading-font-family: 'Inter', sans-serif;
+
+  --ifm-color-primary: #2e8555;
+  --ifm-color-primary-dark: #29784c;
+  --ifm-color-primary-darker: #277148;
+  --ifm-color-primary-darkest: #205d3b;
+  --ifm-color-primary-light: #33925d;
+  --ifm-color-primary-lighter: #359962;
+  --ifm-color-primary-lightest: #3cad6e;
+  --ifm-code-font-size: 95%;
+  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
+}
+
+/* For readability concerns, you should choose a lighter palette in dark mode. */
+[data-theme='dark'] {
+  --ifm-color-primary: #25c2a0;
+  --ifm-color-primary-dark: #21af90;
+  --ifm-color-primary-darker: #1fa588;
+  --ifm-color-primary-darkest: #1a8870;
+  --ifm-color-primary-light: #29d5b0;
+  --ifm-color-primary-lighter: #32d8b4;
+  --ifm-color-primary-lightest: #4fddbf;
+  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
+}
+
+.menu {
+  font-size: 0.875rem;
+  font-weight: var(--ifm-font-weight-normal);
+}