From f7ee3d55e83c08d231d5edbe183119dac6da13ef Mon Sep 17 00:00:00 2001
From: alexisreytech <89283739+alexisreytech@users.noreply.github.com>
Date: Fri, 6 Mar 2026 15:32:42 -0600
Subject: [PATCH] Install Atkinson Hyperlegible Next Variable font and use it
 to replace the existing Atkinson Hyperlegible font.

---
 astro/package-lock.json         | 13 ++++++++-----
 astro/package.json              |  2 +-
 astro/src/styles/bootstrap.scss |  5 ++---
 3 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/astro/package-lock.json b/astro/package-lock.json
index 6584c470..27fe5b30 100644
--- a/astro/package-lock.json
+++ b/astro/package-lock.json
@@ -13,7 +13,7 @@
         "@astrojs/rss": "4.0.15",
         "@astrojs/sitemap": "3.7.0",
         "@fontsource-variable/archivo": "5.0.19",
-        "@fontsource/atkinson-hyperlegible": "5.0.20",
+        "@fontsource-variable/atkinson-hyperlegible-next": "^5.2.6",
         "@iconify-json/bi": "1.1.23",
         "@iconify-json/cib": "1.1.8",
         "@iconify-json/simple-icons": "1.2.67",
@@ -769,10 +769,13 @@
       "resolved": "https://registry.npmjs.org/@fontsource-variable/archivo/-/archivo-5.0.19.tgz",
       "integrity": "sha512-dJdRylf/50fqAY6UufqfsdW4TTznA7weeaSMy6258eG11RALWeHwZa4CDWPQ5e0Pj6OFQEV9IXZkjXdeOacvbg=="
     },
-    "node_modules/@fontsource/atkinson-hyperlegible": {
-      "version": "5.0.20",
-      "resolved": "https://registry.npmjs.org/@fontsource/atkinson-hyperlegible/-/atkinson-hyperlegible-5.0.20.tgz",
-      "integrity": "sha512-YczGmDvJ23lheBaEJGNdUDTUwl1uG6xrU1rG+ftOVCdkmOaXtuZI/zq1KW+02d1eGsqKCrtaabHQMrtLjCYQbg=="
+    "node_modules/@fontsource-variable/atkinson-hyperlegible-next": {
+      "version": "5.2.6",
+      "resolved": "https://registry.npmjs.org/@fontsource-variable/atkinson-hyperlegible-next/-/atkinson-hyperlegible-next-5.2.6.tgz",
+      "integrity": "sha512-D0Z8peFkRGYACvmWp8Sl8YPGYLBEJbzqapugtsMEYSUUtpQDiZVDHjk9s7bqB4hSCRYCrKuW6V1V+mnHybVnPw==",
+      "funding": {
+        "url": "https://github.com/sponsors/ayuhito"
+      }
     },
     "node_modules/@humanwhocodes/momoa": {
       "version": "2.0.4",
diff --git a/astro/package.json b/astro/package.json
index 1360783c..7623d3f3 100644
--- a/astro/package.json
+++ b/astro/package.json
@@ -15,7 +15,7 @@
     "@astrojs/rss": "4.0.15",
     "@astrojs/sitemap": "3.7.0",
     "@fontsource-variable/archivo": "5.0.19",
-    "@fontsource/atkinson-hyperlegible": "5.0.20",
+    "@fontsource-variable/atkinson-hyperlegible-next": "^5.2.6",
     "@iconify-json/bi": "1.1.23",
     "@iconify-json/cib": "1.1.8",
     "@iconify-json/simple-icons": "1.2.67",
diff --git a/astro/src/styles/bootstrap.scss b/astro/src/styles/bootstrap.scss
index 81808e7f..659a3574 100644
--- a/astro/src/styles/bootstrap.scss
+++ b/astro/src/styles/bootstrap.scss
@@ -3,8 +3,7 @@
 
 // Fontsource input
 @import "@fontsource-variable/archivo";
-@import "@fontsource/atkinson-hyperlegible/400.css";
-@import "@fontsource/atkinson-hyperlegible/700.css";
+@import '@fontsource-variable/atkinson-hyperlegible-next';
 
 // From https://getbootstrap.com/docs/5.3/customize/sass/#importing
 // 1. Include functions first (so you can manipulate colors, SVGs, calc, etc)
@@ -14,7 +13,7 @@
 @import "./colors-and-themes";
 
 $font-size-root:              18px;
-$font-family-sans-serif:      'Atkinson Hyperlegible', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
+$font-family-sans-serif:      'Atkinson Hyperlegible Next Variable', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
 $font-weight-bold:            700;
 
 $h1-font-size:                2rem;