From 7eccdb617b19d3de1646541660de9a50773c2b90 Mon Sep 17 00:00:00 2001
From: synzr <mikhail@synzr.space>
Date: Sun, 30 Nov 2025 21:50:26 +0500
Subject: [PATCH] feat(layout): add "Open Sans Variable", "Cascadia Code
 Variable"

---
 package.json              |  2 ++
 pnpm-lock.yaml            | 16 ++++++++++++++++
 src/routes/+layout.svelte |  9 ++++++---
 src/routes/layout.css     |  5 +++++
 4 files changed, 29 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index a6e8f1a..563e182 100644
--- a/package.json
+++ b/package.json
@@ -15,6 +15,8 @@
 	"devDependencies": {
 		"@eslint/compat": "^1.4.0",
 		"@eslint/js": "^9.39.1",
+		"@fontsource-variable/cascadia-code": "^5.2.2",
+		"@fontsource-variable/open-sans": "^5.2.7",
 		"@sveltejs/adapter-auto": "^7.0.0",
 		"@sveltejs/kit": "^2.48.5",
 		"@sveltejs/vite-plugin-svelte": "^6.2.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 00a81dd..df5b7fc 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -14,6 +14,12 @@ importers:
       '@eslint/js':
         specifier: ^9.39.1
         version: 9.39.1
+      '@fontsource-variable/cascadia-code':
+        specifier: ^5.2.2
+        version: 5.2.2
+      '@fontsource-variable/open-sans':
+        specifier: ^5.2.7
+        version: 5.2.7
       '@sveltejs/adapter-auto':
         specifier: ^7.0.0
         version: 7.0.0(@sveltejs/kit@2.49.0(@sveltejs/vite-plugin-svelte@6.2.1(svelte@5.45.2)(vite@7.2.4(@types/node@22.19.1)(jiti@2.6.1)(lightningcss@1.30.2)))(svelte@5.45.2)(vite@7.2.4(@types/node@22.19.1)(jiti@2.6.1)(lightningcss@1.30.2)))
@@ -265,6 +271,12 @@ packages:
     resolution: {integrity: sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
+  '@fontsource-variable/cascadia-code@5.2.2':
+    resolution: {integrity: sha512-5Sn7CySADZaPggdZ9wXnC0CKdLfca+7G7ipaSWSOXFQvAxnH+zKnflktVAVj5A3loP8ZAs72w7+v/RCwOnPpaQ==}
+
+  '@fontsource-variable/open-sans@5.2.7':
+    resolution: {integrity: sha512-wzCLm2STuekK9Fz58DiuBnk4GgJpvvVtAU85a4b06ACNG/UsVjQcCvkUd6R/ETlHfsaykCUZamLRvSXg4KtWuA==}
+
   '@humanfs/core@0.19.1':
     resolution: {integrity: sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==}
     engines: {node: '>=18.18.0'}
@@ -1412,6 +1424,10 @@ snapshots:
       '@eslint/core': 0.17.0
       levn: 0.4.1
 
+  '@fontsource-variable/cascadia-code@5.2.2': {}
+
+  '@fontsource-variable/open-sans@5.2.7': {}
+
   '@humanfs/core@0.19.1': {}
 
   '@humanfs/node@0.16.7':
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 8b9bd05..3409281 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,7 +1,10 @@
 <script lang="ts">
-	import './layout.css';
-	import favicon from '$lib/assets/favicon.svg';
-	
+	import "@fontsource-variable/cascadia-code";
+	import "@fontsource-variable/open-sans";
+
+	import "./layout.css";
+	import favicon from "$lib/assets/favicon.svg";
+
 	let { children } = $props();
 </script>
 
diff --git a/src/routes/layout.css b/src/routes/layout.css
index d4b5078..6f827fa 100644
--- a/src/routes/layout.css
+++ b/src/routes/layout.css
@@ -1 +1,6 @@
 @import 'tailwindcss';
+
+@theme {
+    --font-sans: 'Segoe UI', 'Open Sans Variable', sans-serif;
+    --font-mono: 'Cascadia Code Variable', monospace;
+}