@dataimago/css 0.1.0-alpha.21 → 0.1.0-alpha.23

package/dist/quarto/dataimago-dark.scss

@@ -1,4 +1,4 @@
-// @dataimago/css@0.1.0-alpha.21 dist/quarto/dataimago-dark.scss · sha256:255745ac28e8f577725a1bcc905d3ca9f474f6a3bcf236b142a72937f597eaa2 · generated from tokens; do not edit · restore: npx -p @dataimago/css@0.1.0-alpha.21 dataimago-sync
+// @dataimago/css@0.1.0-alpha.23 dist/quarto/dataimago-dark.scss · sha256:f857888d73961ee714eea97a162915d1f3c28fa740fc88bf3a68e8728594d274 · generated from tokens; do not edit · restore: npx -p @dataimago/css@0.1.0-alpha.23 dataimago-sync
 // dataimago dark theme for Quarto 1.8 — generated from the design tokens (tools/formats/quarto.mjs).
 // Bootstrap Sass variables are compile-time sRGB; runtime colours come from the custom properties below.
 
@@ -13,8 +13,8 @@ $code-color: #3498db !default;
 $code-bg: #1c1917 !default;
 $border-color: #7d7b76 !default;
 $font-family-sans-serif: Noto Sans, Fira Sans, system-ui, sans-serif !default;
-$font-family-monospace: JetBrains Mono, SF Mono, Monaco, Inconsolata, monospace !default;
-$headings-font-family: Josefin Sans, system-ui, sans-serif !default;
+$font-family-monospace: Noto Sans Mono, SF Mono, Monaco, Inconsolata, monospace !default;
+$headings-font-family: Josefin Sans, Noto Sans, system-ui, sans-serif !default;
 $headings-font-weight: 500 !default;
 $h2-font-size: 1.875rem !default;
 $web-font-path: false !default;
@@ -87,12 +87,12 @@ $web-font-path: false !default;
   --transition-smooth: 0.35s ease;
   --transition-logo: 0.3s;
   --font-family-sans: Noto Sans, Fira Sans, system-ui, sans-serif;
-  --font-family-mono: JetBrains Mono, SF Mono, Monaco, Inconsolata, monospace;
+  --font-family-mono: Noto Sans Mono, SF Mono, Monaco, Inconsolata, monospace;
   --font-family-display: var(--font-family-display-editorial);
-  --font-family-display-editorial: Josefin Sans, system-ui, sans-serif;
+  --font-family-display-editorial: Josefin Sans, Noto Sans, system-ui, sans-serif;
   --font-family-display-documentation: Noto Sans, system-ui, sans-serif;
   --font-family-brand: Futura, system-ui, sans-serif;
-  --font-family-math: Noto Sans Math, Noto Sans, system-ui, sans-serif;
+  --font-family-math: Noto Sans Math, math;
   --font-size-micro: 0.75rem;
   --font-size-small: 0.875rem;
   --font-size-base: 1rem;
@@ -235,8 +235,18 @@ body {
 
 h1, h2, h3, h4, h5, h6, .title {
   color: var(--color-content-primary);
+  font-feature-settings: var(--font-feature-settings-display);
 }
 
+// Navbar chrome is brand voice: Josefin through the editorial variable (never the
+// Futura brand token). Tagged-language rules in lang.css still switch links to Noto;
+// the brand is never translated (display-family-split).
+.navbar-brand, .navbar-title, .navbar-nav .nav-link, .navbar-nav .dropdown-item {
+  font-family: var(--font-family-display-editorial);
+}
+
+math { font-family: var(--font-family-math); }
+
 // Links in running text are underlined: interactive.primary is about 1.9:1
 // against body text in light mode, so colour cannot be the only cue (WCAG 1.4.1).
 main.content :is(p, li, dd, td, blockquote, figcaption, .callout-body) a {
@@ -294,6 +304,12 @@ pre, div.sourceCode {
   padding: var(--spacing-md);
 }
 
+body.quarto-dark figure img.box,
+body.quarto-dark p img.box {
+  background-color: #f7f7f6;
+  border-color: #6a6a6a;
+}
+
 // ===== THEME TOGGLE STYLING =====
 // Dark theme - show sun icon (switch to light)
 

package/dist/quarto/dataimago-light.scss

@@ -1,4 +1,4 @@
-// @dataimago/css@0.1.0-alpha.21 dist/quarto/dataimago-light.scss · sha256:1acbf5c6aa95a681a143149a6fe0bf4fb32cc50ac161acede50e156c69e2e247 · generated from tokens; do not edit · restore: npx -p @dataimago/css@0.1.0-alpha.21 dataimago-sync
+// @dataimago/css@0.1.0-alpha.23 dist/quarto/dataimago-light.scss · sha256:e456b3e8cfaa03df7fe5ac29bb6e8288454ee5daab29ff6470c45a12ff8d3f32 · generated from tokens; do not edit · restore: npx -p @dataimago/css@0.1.0-alpha.23 dataimago-sync
 // dataimago light theme for Quarto 1.8 — generated from the design tokens (tools/formats/quarto.mjs).
 // Bootstrap Sass variables are compile-time sRGB; runtime colours come from the custom properties below.
 
@@ -13,8 +13,8 @@ $code-color: #1f618d !default;
 $code-bg: #faf2e3 !default;
 $border-color: #888785 !default;
 $font-family-sans-serif: Noto Sans, Fira Sans, system-ui, sans-serif !default;
-$font-family-monospace: JetBrains Mono, SF Mono, Monaco, Inconsolata, monospace !default;
-$headings-font-family: Josefin Sans, system-ui, sans-serif !default;
+$font-family-monospace: Noto Sans Mono, SF Mono, Monaco, Inconsolata, monospace !default;
+$headings-font-family: Josefin Sans, Noto Sans, system-ui, sans-serif !default;
 $headings-font-weight: 500 !default;
 $h2-font-size: 1.875rem !default;
 $web-font-path: false !default;
@@ -87,12 +87,12 @@ $web-font-path: false !default;
   --transition-smooth: 0.35s ease;
   --transition-logo: 0.3s;
   --font-family-sans: Noto Sans, Fira Sans, system-ui, sans-serif;
-  --font-family-mono: JetBrains Mono, SF Mono, Monaco, Inconsolata, monospace;
+  --font-family-mono: Noto Sans Mono, SF Mono, Monaco, Inconsolata, monospace;
   --font-family-display: var(--font-family-display-editorial);
-  --font-family-display-editorial: Josefin Sans, system-ui, sans-serif;
+  --font-family-display-editorial: Josefin Sans, Noto Sans, system-ui, sans-serif;
   --font-family-display-documentation: Noto Sans, system-ui, sans-serif;
   --font-family-brand: Futura, system-ui, sans-serif;
-  --font-family-math: Noto Sans Math, Noto Sans, system-ui, sans-serif;
+  --font-family-math: Noto Sans Math, math;
   --font-size-micro: 0.75rem;
   --font-size-small: 0.875rem;
   --font-size-base: 1rem;
@@ -235,8 +235,18 @@ body {
 
 h1, h2, h3, h4, h5, h6, .title {
   color: var(--color-content-primary);
+  font-feature-settings: var(--font-feature-settings-display);
 }
 
+// Navbar chrome is brand voice: Josefin through the editorial variable (never the
+// Futura brand token). Tagged-language rules in lang.css still switch links to Noto;
+// the brand is never translated (display-family-split).
+.navbar-brand, .navbar-title, .navbar-nav .nav-link, .navbar-nav .dropdown-item {
+  font-family: var(--font-family-display-editorial);
+}
+
+math { font-family: var(--font-family-math); }
+
 // Links in running text are underlined: interactive.primary is about 1.9:1
 // against body text in light mode, so colour cannot be the only cue (WCAG 1.4.1).
 main.content :is(p, li, dd, td, blockquote, figcaption, .callout-body) a {

package/dist/tailwind-preset.js

@@ -116,7 +116,7 @@ module.exports = {
                       "sans-serif"
               ],
               "mono": [
-                      "JetBrains Mono",
+                      "Noto Sans Mono",
                       "SF Mono",
                       "Monaco",
                       "Inconsolata",
@@ -124,11 +124,13 @@ module.exports = {
               ],
               "display": [
                       "Josefin Sans",
+                      "Noto Sans",
                       "system-ui",
                       "sans-serif"
               ],
               "display-editorial": [
                       "Josefin Sans",
+                      "Noto Sans",
                       "system-ui",
                       "sans-serif"
               ],
@@ -144,9 +146,7 @@ module.exports = {
               ],
               "math": [
                       "Noto Sans Math",
-                      "Noto Sans",
-                      "system-ui",
-                      "sans-serif"
+                      "math"
               ]
       },
       fontSize: {

package/dist/templates/KNOWLEDGE-explorer.md

@@ -1,4 +1,4 @@
-<!-- @dataimago/css@0.1.0-alpha.21 dist/templates/KNOWLEDGE-explorer.md · sha256:907c08638ed56813d453227759e29de08350465885d11f0efe94ec7ba8c42a50 · generated from tokens; do not edit · restore: npx -p @dataimago/css@0.1.0-alpha.21 dataimago-sync -->
+<!-- @dataimago/css@0.1.0-alpha.23 dist/templates/KNOWLEDGE-explorer.md · sha256:907c08638ed56813d453227759e29de08350465885d11f0efe94ec7ba8c42a50 · generated from tokens; do not edit · restore: npx -p @dataimago/css@0.1.0-alpha.23 dataimago-sync -->
 # {{PROJECT_NAME}} — Knowledge Base Operating Manual
 
 **Domain:** {{DOMAIN_NAME}}

package/dist/templates/KNOWLEDGE-framework.md

@@ -1,4 +1,4 @@
-<!-- @dataimago/css@0.1.0-alpha.21 dist/templates/KNOWLEDGE-framework.md · sha256:edc7c6622722c1258f025a385ba79fe62a03ebb4d36f06e999aabc1290145b84 · generated from tokens; do not edit · restore: npx -p @dataimago/css@0.1.0-alpha.21 dataimago-sync -->
+<!-- @dataimago/css@0.1.0-alpha.23 dist/templates/KNOWLEDGE-framework.md · sha256:edc7c6622722c1258f025a385ba79fe62a03ebb4d36f06e999aabc1290145b84 · generated from tokens; do not edit · restore: npx -p @dataimago/css@0.1.0-alpha.23 dataimago-sync -->
 # {{PROJECT_NAME}} — Knowledge Base Operating Manual
 
 **Domain:** {{DOMAIN_NAME}}

package/dist/templates/KNOWLEDGE-research.md

@@ -1,4 +1,4 @@
-<!-- @dataimago/css@0.1.0-alpha.21 dist/templates/KNOWLEDGE-research.md · sha256:ef0a6748731b61840e8e8da1142db5981948da4dec78888f40f471c2a3d3300f · generated from tokens; do not edit · restore: npx -p @dataimago/css@0.1.0-alpha.21 dataimago-sync -->
+<!-- @dataimago/css@0.1.0-alpha.23 dist/templates/KNOWLEDGE-research.md · sha256:ef0a6748731b61840e8e8da1142db5981948da4dec78888f40f471c2a3d3300f · generated from tokens; do not edit · restore: npx -p @dataimago/css@0.1.0-alpha.23 dataimago-sync -->
 # {{PROJECT_NAME}} — Knowledge Base Operating Manual
 
 **Domain:** {{DOMAIN_NAME}}

package/dist/templates/quarto_website/README.md

@@ -1,11 +1,13 @@
-<!-- @dataimago/css@0.1.0-alpha.21 dist/templates/quarto_website/README.md · sha256:19a8e30db9c7fc15e62e7bebb573041947b31be886d2e32d75b217236b0ab421 · generated from tokens; do not edit · restore: npx -p @dataimago/css@0.1.0-alpha.21 dataimago-sync -->
+<!-- @dataimago/css@0.1.0-alpha.23 dist/templates/quarto_website/README.md · sha256:4442894eea9280d2cc04f0f2a512c939c3300276b1207f76c8abfa3c5807bab7 · generated from tokens; do not edit · restore: npx -p @dataimago/css@0.1.0-alpha.23 dataimago-sync -->
 # Quarto Website Template
 
+> **Superseded (2026-11-01).** R package sites are generated by `dataimago::create_package_site()` on the `dataimago/pkgsite` Quarto leaf, delivered by `dataimago-sync`; see [`wiki/decisions/package-site-factory.md`](../../wiki/decisions/package-site-factory.md). The `scaffold_full_site` parameter named below was removed from the R package. This directory stays for existing consumers until they migrate, and receives no new features.
+
 Canonical template for Quarto-powered R package websites built with the dataimago framework.
 
 ## Usage
 
-This template is consumed by `dataimago::create_quarto_documentation()` when `scaffold_full_site = TRUE`. It can also be used manually by copying the template files and replacing placeholders.
+This template was consumed by `dataimago::create_quarto_documentation()` when `scaffold_full_site = TRUE` (since removed). It can still be used manually by copying the template files and replacing placeholders.
 
 ## Placeholders
 

package/dist/templates/quarto_website/_quarto.yml.template

@@ -1,4 +1,4 @@
-# @dataimago/css@0.1.0-alpha.21 dist/templates/quarto_website/_quarto.yml.template · sha256:d28f9f49ba75df94183a074bcab94399ea10368ddfd538055f6b421d8194af91 · generated from tokens; do not edit · restore: npx -p @dataimago/css@0.1.0-alpha.21 dataimago-sync
+# @dataimago/css@0.1.0-alpha.23 dist/templates/quarto_website/_quarto.yml.template · sha256:6dc07f05802213f6bd29a307c79848c3566d60ef910c54a25d469dc0c8ab8b69 · generated from tokens; do not edit · restore: npx -p @dataimago/css@0.1.0-alpha.23 dataimago-sync
 project:
   type: website
   title: "{{PACKAGE_TITLE}}"
@@ -124,6 +124,7 @@ format:
     theme:
       light: _extensions/dataimago/ai-native/assets/css/dataimago-light.scss
       dark: _extensions/dataimago/ai-native/assets/css/dataimago-dark.scss
+    html-math-method: mathml
     toc: true
     toc-depth: 3
     code-copy: true
@@ -131,7 +132,8 @@ format:
     include-after: |
       <link rel="preconnect" href="https://fonts.googleapis.com">
       <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-      <link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@200;300;400;500;600;700&family=Noto+Sans:wdth,wght@100..125,300..800&family=Noto+Sans+Math&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet">
+      <link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100..700&family=Noto+Sans:ital,wdth,wght@0,100,100..900;1,100,100..900&family=Noto+Sans+Math&family=Noto+Sans+Mono:wght@100..900&display=swap" rel="stylesheet">
+      <link rel="stylesheet" href="/assets/css/lang.css">
       <script src="https://unpkg.com/lenis@1.3.8/dist/lenis.min.js"></script>
       <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
       <script type="text/javascript" src="/assets/js/scroll.js"></script>

package/dist/templates/quarto_website/about.qmd.template

@@ -1,4 +1,4 @@
-<!-- @dataimago/css@0.1.0-alpha.21 dist/templates/quarto_website/about.qmd.template · sha256:5f896d14240e32c56a8711cbc458e8d3726cf8bcebac154aa62ead41f49af185 · generated from tokens; do not edit · restore: npx -p @dataimago/css@0.1.0-alpha.21 dataimago-sync -->
+<!-- @dataimago/css@0.1.0-alpha.23 dist/templates/quarto_website/about.qmd.template · sha256:5f896d14240e32c56a8711cbc458e8d3726cf8bcebac154aa62ead41f49af185 · generated from tokens; do not edit · restore: npx -p @dataimago/css@0.1.0-alpha.23 dataimago-sync -->
 ---
 title: "About {{PACKAGE_NAME}}"
 format:

package/dist/templates/quarto_website/assets/css/lang.css

@@ -0,0 +1,181 @@
+/* @dataimago/css@0.1.0-alpha.23 dist/templates/quarto_website/assets/css/lang.css · sha256:f6c5232530e667d9e66b6cd7e7dbd4f6132ed96fc4439fdeff814c69727a9281 · generated from tokens; do not edit · restore: npx -p @dataimago/css@0.1.0-alpha.23 dataimago-sync */
+/* House layer: rebind the display variables on the named elements only. */
+:is(h1, h2, h3, h4, h5, h6, .title, .subtitle, .navbar-nav .nav-link, .navbar-nav .dropdown-item, .di-callout-title, .theorem-title, .proof-title, .definition-title, .proposition-title):is(:lang(el), :lang(ru), :lang(uk), :lang(bg), :lang(sr), :lang(mk), :lang(be), :lang(kk)) {
+  --font-family-display: "Noto Sans", system-ui, sans-serif;
+  --font-family-display-editorial: "Noto Sans", system-ui, sans-serif;
+}
+
+:is(h1, h2, h3, h4, h5, h6, .title, .subtitle, .navbar-nav .nav-link, .navbar-nav .dropdown-item, .di-callout-title, .theorem-title, .proof-title, .definition-title, .proposition-title):is(:lang(ar), :lang(fa), :lang(ur)) {
+  --font-family-display: "Noto Sans Arabic", "Noto Sans", system-ui, sans-serif;
+  --font-family-display-editorial: "Noto Sans Arabic", "Noto Sans", system-ui, sans-serif;
+}
+
+:is(h1, h2, h3, h4, h5, h6, .title, .subtitle, .navbar-nav .nav-link, .navbar-nav .dropdown-item, .di-callout-title, .theorem-title, .proof-title, .definition-title, .proposition-title):is(:lang(he)) {
+  --font-family-display: "Noto Sans Hebrew", "Noto Sans", system-ui, sans-serif;
+  --font-family-display-editorial: "Noto Sans Hebrew", "Noto Sans", system-ui, sans-serif;
+}
+
+:is(h1, h2, h3, h4, h5, h6, .title, .subtitle, .navbar-nav .nav-link, .navbar-nav .dropdown-item, .di-callout-title, .theorem-title, .proof-title, .definition-title, .proposition-title):is(:lang(hi), :lang(mr), :lang(ne)) {
+  --font-family-display: "Noto Sans Devanagari", "Noto Sans", system-ui, sans-serif;
+  --font-family-display-editorial: "Noto Sans Devanagari", "Noto Sans", system-ui, sans-serif;
+}
+
+:is(h1, h2, h3, h4, h5, h6, .title, .subtitle, .navbar-nav .nav-link, .navbar-nav .dropdown-item, .di-callout-title, .theorem-title, .proof-title, .definition-title, .proposition-title):is(:lang(bn)) {
+  --font-family-display: "Noto Sans Bengali", "Noto Sans", system-ui, sans-serif;
+  --font-family-display-editorial: "Noto Sans Bengali", "Noto Sans", system-ui, sans-serif;
+}
+
+:is(h1, h2, h3, h4, h5, h6, .title, .subtitle, .navbar-nav .nav-link, .navbar-nav .dropdown-item, .di-callout-title, .theorem-title, .proof-title, .definition-title, .proposition-title):is(:lang(ta)) {
+  --font-family-display: "Noto Sans Tamil", "Noto Sans", system-ui, sans-serif;
+  --font-family-display-editorial: "Noto Sans Tamil", "Noto Sans", system-ui, sans-serif;
+}
+
+:is(h1, h2, h3, h4, h5, h6, .title, .subtitle, .navbar-nav .nav-link, .navbar-nav .dropdown-item, .di-callout-title, .theorem-title, .proof-title, .definition-title, .proposition-title):is(:lang(th)) {
+  --font-family-display: "Noto Sans Thai", "Noto Sans", system-ui, sans-serif;
+  --font-family-display-editorial: "Noto Sans Thai", "Noto Sans", system-ui, sans-serif;
+}
+
+:is(h1, h2, h3, h4, h5, h6, .title, .subtitle, .navbar-nav .nav-link, .navbar-nav .dropdown-item, .di-callout-title, .theorem-title, .proof-title, .definition-title, .proposition-title):is(:lang(hy)) {
+  --font-family-display: "Noto Sans Armenian", "Noto Sans", system-ui, sans-serif;
+  --font-family-display-editorial: "Noto Sans Armenian", "Noto Sans", system-ui, sans-serif;
+}
+
+:is(h1, h2, h3, h4, h5, h6, .title, .subtitle, .navbar-nav .nav-link, .navbar-nav .dropdown-item, .di-callout-title, .theorem-title, .proof-title, .definition-title, .proposition-title):is(:lang(ka)) {
+  --font-family-display: "Noto Sans Georgian", "Noto Sans", system-ui, sans-serif;
+  --font-family-display-editorial: "Noto Sans Georgian", "Noto Sans", system-ui, sans-serif;
+}
+
+:is(h1, h2, h3, h4, h5, h6, .title, .subtitle, .navbar-nav .nav-link, .navbar-nav .dropdown-item, .di-callout-title, .theorem-title, .proof-title, .definition-title, .proposition-title):is(:lang(am)) {
+  --font-family-display: "Noto Sans Ethiopic", "Noto Sans", system-ui, sans-serif;
+  --font-family-display-editorial: "Noto Sans Ethiopic", "Noto Sans", system-ui, sans-serif;
+}
+
+:is(h1, h2, h3, h4, h5, h6, .title, .subtitle, .navbar-nav .nav-link, .navbar-nav .dropdown-item, .di-callout-title, .theorem-title, .proof-title, .definition-title, .proposition-title):is(:lang(ja)) {
+  --font-family-display: "Noto Sans JP", "Noto Sans", system-ui, sans-serif;
+  --font-family-display-editorial: "Noto Sans JP", "Noto Sans", system-ui, sans-serif;
+}
+
+:is(h1, h2, h3, h4, h5, h6, .title, .subtitle, .navbar-nav .nav-link, .navbar-nav .dropdown-item, .di-callout-title, .theorem-title, .proof-title, .definition-title, .proposition-title):is(:lang(ko)) {
+  --font-family-display: "Noto Sans KR", "Noto Sans", system-ui, sans-serif;
+  --font-family-display-editorial: "Noto Sans KR", "Noto Sans", system-ui, sans-serif;
+}
+
+:is(h1, h2, h3, h4, h5, h6, .title, .subtitle, .navbar-nav .nav-link, .navbar-nav .dropdown-item, .di-callout-title, .theorem-title, .proof-title, .definition-title, .proposition-title):is(:lang(zh), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
+  --font-family-display: "Noto Sans SC", "Noto Sans", system-ui, sans-serif;
+  --font-family-display-editorial: "Noto Sans SC", "Noto Sans", system-ui, sans-serif;
+}
+
+:is(h1, h2, h3, h4, h5, h6, .title, .subtitle, .navbar-nav .nav-link, .navbar-nav .dropdown-item, .di-callout-title, .theorem-title, .proof-title, .definition-title, .proposition-title):is(:lang(zh-Hant), :lang(zh-TW), :lang(zh-HK), :lang(zh-MO)) {
+  --font-family-display: "Noto Sans TC", "Noto Sans", system-ui, sans-serif;
+  --font-family-display-editorial: "Noto Sans TC", "Noto Sans", system-ui, sans-serif;
+}
+
+/* Quarto layer: the theme compiles the heading family as a literal. */
+:is(h1, h2, h3, h4, h5, h6, .title, .subtitle, .navbar-nav .nav-link, .navbar-nav .dropdown-item, .di-callout-title, .theorem-title, .proof-title, .definition-title, .proposition-title):is(:lang(el), :lang(ru), :lang(uk), :lang(bg), :lang(sr), :lang(mk), :lang(be), :lang(kk)) {
+  font-family: "Noto Sans", system-ui, sans-serif;
+}
+
+:is(h1, h2, h3, h4, h5, h6, .title, .subtitle, .navbar-nav .nav-link, .navbar-nav .dropdown-item, .di-callout-title, .theorem-title, .proof-title, .definition-title, .proposition-title):is(:lang(ar), :lang(fa), :lang(ur)) {
+  font-family: "Noto Sans Arabic", "Noto Sans", system-ui, sans-serif;
+}
+
+:is(h1, h2, h3, h4, h5, h6, .title, .subtitle, .navbar-nav .nav-link, .navbar-nav .dropdown-item, .di-callout-title, .theorem-title, .proof-title, .definition-title, .proposition-title):is(:lang(he)) {
+  font-family: "Noto Sans Hebrew", "Noto Sans", system-ui, sans-serif;
+}
+
+:is(h1, h2, h3, h4, h5, h6, .title, .subtitle, .navbar-nav .nav-link, .navbar-nav .dropdown-item, .di-callout-title, .theorem-title, .proof-title, .definition-title, .proposition-title):is(:lang(hi), :lang(mr), :lang(ne)) {
+  font-family: "Noto Sans Devanagari", "Noto Sans", system-ui, sans-serif;
+}
+
+:is(h1, h2, h3, h4, h5, h6, .title, .subtitle, .navbar-nav .nav-link, .navbar-nav .dropdown-item, .di-callout-title, .theorem-title, .proof-title, .definition-title, .proposition-title):is(:lang(bn)) {
+  font-family: "Noto Sans Bengali", "Noto Sans", system-ui, sans-serif;
+}
+
+:is(h1, h2, h3, h4, h5, h6, .title, .subtitle, .navbar-nav .nav-link, .navbar-nav .dropdown-item, .di-callout-title, .theorem-title, .proof-title, .definition-title, .proposition-title):is(:lang(ta)) {
+  font-family: "Noto Sans Tamil", "Noto Sans", system-ui, sans-serif;
+}
+
+:is(h1, h2, h3, h4, h5, h6, .title, .subtitle, .navbar-nav .nav-link, .navbar-nav .dropdown-item, .di-callout-title, .theorem-title, .proof-title, .definition-title, .proposition-title):is(:lang(th)) {
+  font-family: "Noto Sans Thai", "Noto Sans", system-ui, sans-serif;
+}
+
+:is(h1, h2, h3, h4, h5, h6, .title, .subtitle, .navbar-nav .nav-link, .navbar-nav .dropdown-item, .di-callout-title, .theorem-title, .proof-title, .definition-title, .proposition-title):is(:lang(hy)) {
+  font-family: "Noto Sans Armenian", "Noto Sans", system-ui, sans-serif;
+}
+
+:is(h1, h2, h3, h4, h5, h6, .title, .subtitle, .navbar-nav .nav-link, .navbar-nav .dropdown-item, .di-callout-title, .theorem-title, .proof-title, .definition-title, .proposition-title):is(:lang(ka)) {
+  font-family: "Noto Sans Georgian", "Noto Sans", system-ui, sans-serif;
+}
+
+:is(h1, h2, h3, h4, h5, h6, .title, .subtitle, .navbar-nav .nav-link, .navbar-nav .dropdown-item, .di-callout-title, .theorem-title, .proof-title, .definition-title, .proposition-title):is(:lang(am)) {
+  font-family: "Noto Sans Ethiopic", "Noto Sans", system-ui, sans-serif;
+}
+
+:is(h1, h2, h3, h4, h5, h6, .title, .subtitle, .navbar-nav .nav-link, .navbar-nav .dropdown-item, .di-callout-title, .theorem-title, .proof-title, .definition-title, .proposition-title):is(:lang(ja)) {
+  font-family: "Noto Sans JP", "Noto Sans", system-ui, sans-serif;
+}
+
+:is(h1, h2, h3, h4, h5, h6, .title, .subtitle, .navbar-nav .nav-link, .navbar-nav .dropdown-item, .di-callout-title, .theorem-title, .proof-title, .definition-title, .proposition-title):is(:lang(ko)) {
+  font-family: "Noto Sans KR", "Noto Sans", system-ui, sans-serif;
+}
+
+:is(h1, h2, h3, h4, h5, h6, .title, .subtitle, .navbar-nav .nav-link, .navbar-nav .dropdown-item, .di-callout-title, .theorem-title, .proof-title, .definition-title, .proposition-title):is(:lang(zh), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
+  font-family: "Noto Sans SC", "Noto Sans", system-ui, sans-serif;
+}
+
+:is(h1, h2, h3, h4, h5, h6, .title, .subtitle, .navbar-nav .nav-link, .navbar-nav .dropdown-item, .di-callout-title, .theorem-title, .proof-title, .definition-title, .proposition-title):is(:lang(zh-Hant), :lang(zh-TW), :lang(zh-HK), :lang(zh-MO)) {
+  font-family: "Noto Sans TC", "Noto Sans", system-ui, sans-serif;
+}
+
+/* Scripts the package does not ship: body text too. */
+:where(:is(:lang(ar), :lang(fa), :lang(ur)):not(:is(code, pre, kbd, samp, math, mjx-container, .katex, .MathJax, svg, .navbar-brand, .navbar-title, code *, pre *, kbd *, samp *, math *, mjx-container *, .katex *, .MathJax *, svg *, .navbar-brand *, .navbar-title *))) {
+  font-family: "Noto Sans Arabic", "Noto Sans", system-ui, sans-serif;
+}
+
+:where(:is(:lang(he)):not(:is(code, pre, kbd, samp, math, mjx-container, .katex, .MathJax, svg, .navbar-brand, .navbar-title, code *, pre *, kbd *, samp *, math *, mjx-container *, .katex *, .MathJax *, svg *, .navbar-brand *, .navbar-title *))) {
+  font-family: "Noto Sans Hebrew", "Noto Sans", system-ui, sans-serif;
+}
+
+:where(:is(:lang(hi), :lang(mr), :lang(ne)):not(:is(code, pre, kbd, samp, math, mjx-container, .katex, .MathJax, svg, .navbar-brand, .navbar-title, code *, pre *, kbd *, samp *, math *, mjx-container *, .katex *, .MathJax *, svg *, .navbar-brand *, .navbar-title *))) {
+  font-family: "Noto Sans Devanagari", "Noto Sans", system-ui, sans-serif;
+}
+
+:where(:is(:lang(bn)):not(:is(code, pre, kbd, samp, math, mjx-container, .katex, .MathJax, svg, .navbar-brand, .navbar-title, code *, pre *, kbd *, samp *, math *, mjx-container *, .katex *, .MathJax *, svg *, .navbar-brand *, .navbar-title *))) {
+  font-family: "Noto Sans Bengali", "Noto Sans", system-ui, sans-serif;
+}
+
+:where(:is(:lang(ta)):not(:is(code, pre, kbd, samp, math, mjx-container, .katex, .MathJax, svg, .navbar-brand, .navbar-title, code *, pre *, kbd *, samp *, math *, mjx-container *, .katex *, .MathJax *, svg *, .navbar-brand *, .navbar-title *))) {
+  font-family: "Noto Sans Tamil", "Noto Sans", system-ui, sans-serif;
+}
+
+:where(:is(:lang(th)):not(:is(code, pre, kbd, samp, math, mjx-container, .katex, .MathJax, svg, .navbar-brand, .navbar-title, code *, pre *, kbd *, samp *, math *, mjx-container *, .katex *, .MathJax *, svg *, .navbar-brand *, .navbar-title *))) {
+  font-family: "Noto Sans Thai", "Noto Sans", system-ui, sans-serif;
+}
+
+:where(:is(:lang(hy)):not(:is(code, pre, kbd, samp, math, mjx-container, .katex, .MathJax, svg, .navbar-brand, .navbar-title, code *, pre *, kbd *, samp *, math *, mjx-container *, .katex *, .MathJax *, svg *, .navbar-brand *, .navbar-title *))) {
+  font-family: "Noto Sans Armenian", "Noto Sans", system-ui, sans-serif;
+}
+
+:where(:is(:lang(ka)):not(:is(code, pre, kbd, samp, math, mjx-container, .katex, .MathJax, svg, .navbar-brand, .navbar-title, code *, pre *, kbd *, samp *, math *, mjx-container *, .katex *, .MathJax *, svg *, .navbar-brand *, .navbar-title *))) {
+  font-family: "Noto Sans Georgian", "Noto Sans", system-ui, sans-serif;
+}
+
+:where(:is(:lang(am)):not(:is(code, pre, kbd, samp, math, mjx-container, .katex, .MathJax, svg, .navbar-brand, .navbar-title, code *, pre *, kbd *, samp *, math *, mjx-container *, .katex *, .MathJax *, svg *, .navbar-brand *, .navbar-title *))) {
+  font-family: "Noto Sans Ethiopic", "Noto Sans", system-ui, sans-serif;
+}
+
+:where(:is(:lang(ja)):not(:is(code, pre, kbd, samp, math, mjx-container, .katex, .MathJax, svg, .navbar-brand, .navbar-title, code *, pre *, kbd *, samp *, math *, mjx-container *, .katex *, .MathJax *, svg *, .navbar-brand *, .navbar-title *))) {
+  font-family: "Noto Sans JP", "Noto Sans", system-ui, sans-serif;
+}
+
+:where(:is(:lang(ko)):not(:is(code, pre, kbd, samp, math, mjx-container, .katex, .MathJax, svg, .navbar-brand, .navbar-title, code *, pre *, kbd *, samp *, math *, mjx-container *, .katex *, .MathJax *, svg *, .navbar-brand *, .navbar-title *))) {
+  font-family: "Noto Sans KR", "Noto Sans", system-ui, sans-serif;
+}
+
+:where(:is(:lang(zh), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)):not(:is(code, pre, kbd, samp, math, mjx-container, .katex, .MathJax, svg, .navbar-brand, .navbar-title, code *, pre *, kbd *, samp *, math *, mjx-container *, .katex *, .MathJax *, svg *, .navbar-brand *, .navbar-title *))) {
+  font-family: "Noto Sans SC", "Noto Sans", system-ui, sans-serif;
+}
+
+:where(:is(:lang(zh-Hant), :lang(zh-TW), :lang(zh-HK), :lang(zh-MO)):not(:is(code, pre, kbd, samp, math, mjx-container, .katex, .MathJax, svg, .navbar-brand, .navbar-title, code *, pre *, kbd *, samp *, math *, mjx-container *, .katex *, .MathJax *, svg *, .navbar-brand *, .navbar-title *))) {
+  font-family: "Noto Sans TC", "Noto Sans", system-ui, sans-serif;
+}

package/dist/templates/quarto_website/assets/js/custom-anchors.js

@@ -1,4 +1,4 @@
-// @dataimago/css@0.1.0-alpha.21 dist/templates/quarto_website/assets/js/custom-anchors.js · sha256:9b0f2d567a86e90431cc1470a6542f4e0549245dfda7b1b05b94119bddab0cb9 · generated from tokens; do not edit · restore: npx -p @dataimago/css@0.1.0-alpha.21 dataimago-sync
+// @dataimago/css@0.1.0-alpha.23 dist/templates/quarto_website/assets/js/custom-anchors.js · sha256:9b0f2d567a86e90431cc1470a6542f4e0549245dfda7b1b05b94119bddab0cb9 · generated from tokens; do not edit · restore: npx -p @dataimago/css@0.1.0-alpha.23 dataimago-sync
 anchors.options = {
   placement: 'left',
   visible: 'hover'

package/dist/templates/quarto_website/assets/js/logo-switch.js

@@ -1,4 +1,4 @@
-// @dataimago/css@0.1.0-alpha.21 dist/templates/quarto_website/assets/js/logo-switch.js · sha256:f69f3ad9c9ab670197c32d75e072cdfa5fb5cc0fc720f636dd9a9e3a3c44015c · generated from tokens; do not edit · restore: npx -p @dataimago/css@0.1.0-alpha.21 dataimago-sync
+// @dataimago/css@0.1.0-alpha.23 dist/templates/quarto_website/assets/js/logo-switch.js · sha256:f69f3ad9c9ab670197c32d75e072cdfa5fb5cc0fc720f636dd9a9e3a3c44015c · generated from tokens; do not edit · restore: npx -p @dataimago/css@0.1.0-alpha.23 dataimago-sync
 var defaultLogoSrc = '/assets/img/ai_monogram.svg';
 var defaultLogoHref = '{{SITE_URL}}';
 var hoverLogoHref = 'https://dataimago.ai';

package/dist/templates/quarto_website/assets/js/scroll.js

@@ -1,4 +1,4 @@
-// @dataimago/css@0.1.0-alpha.21 dist/templates/quarto_website/assets/js/scroll.js · sha256:694f335a8c098d252123b523e1a7ac8d475da436eb3c5f73451d96108b2863d2 · generated from tokens; do not edit · restore: npx -p @dataimago/css@0.1.0-alpha.21 dataimago-sync
+// @dataimago/css@0.1.0-alpha.23 dist/templates/quarto_website/assets/js/scroll.js · sha256:694f335a8c098d252123b523e1a7ac8d475da436eb3c5f73451d96108b2863d2 · generated from tokens; do not edit · restore: npx -p @dataimago/css@0.1.0-alpha.23 dataimago-sync
 $(window).scroll(function(){
     if($(window).scrollTop() > 35) {
         $('.navbar').addClass("shrink");

package/dist/templates/quarto_website/ethics.qmd.template

@@ -1,4 +1,4 @@
-<!-- @dataimago/css@0.1.0-alpha.21 dist/templates/quarto_website/ethics.qmd.template · sha256:fc151adb9c9fd9934a3c23ca5822eb6b05ca27795070ff7dbb26acd0e50ddbe5 · generated from tokens; do not edit · restore: npx -p @dataimago/css@0.1.0-alpha.21 dataimago-sync -->
+<!-- @dataimago/css@0.1.0-alpha.23 dist/templates/quarto_website/ethics.qmd.template · sha256:fc151adb9c9fd9934a3c23ca5822eb6b05ca27795070ff7dbb26acd0e50ddbe5 · generated from tokens; do not edit · restore: npx -p @dataimago/css@0.1.0-alpha.23 dataimago-sync -->
 ---
 title: "Ethical AI Principles"
 subtitle: "Superalignment Through Design Architecture"

package/dist/templates/quarto_website/index.qmd.template

@@ -1,4 +1,4 @@
-<!-- @dataimago/css@0.1.0-alpha.21 dist/templates/quarto_website/index.qmd.template · sha256:fa09cd4cce412445d164a1ca1248c5080e03ee65db6e762e4bf2e543557c2958 · generated from tokens; do not edit · restore: npx -p @dataimago/css@0.1.0-alpha.21 dataimago-sync -->
+<!-- @dataimago/css@0.1.0-alpha.23 dist/templates/quarto_website/index.qmd.template · sha256:fa09cd4cce412445d164a1ca1248c5080e03ee65db6e762e4bf2e543557c2958 · generated from tokens; do not edit · restore: npx -p @dataimago/css@0.1.0-alpha.23 dataimago-sync -->
 ---
 format:
   html:

package/dist/tokens.css

@@ -64,12 +64,12 @@
   --transition-smooth: 0.35s ease;
   --transition-logo: 0.3s;
   --font-family-sans: Noto Sans, Fira Sans, system-ui, sans-serif;
-  --font-family-mono: JetBrains Mono, SF Mono, Monaco, Inconsolata, monospace;
+  --font-family-mono: Noto Sans Mono, SF Mono, Monaco, Inconsolata, monospace;
   --font-family-display: var(--font-family-display-editorial);
-  --font-family-display-editorial: Josefin Sans, system-ui, sans-serif;
+  --font-family-display-editorial: Josefin Sans, Noto Sans, system-ui, sans-serif;
   --font-family-display-documentation: Noto Sans, system-ui, sans-serif;
   --font-family-brand: Futura, system-ui, sans-serif;
-  --font-family-math: Noto Sans Math, Noto Sans, system-ui, sans-serif;
+  --font-family-math: Noto Sans Math, math;
   --font-size-micro: 0.75rem;
   --font-size-small: 0.875rem;
   --font-size-base: 1rem;

package/dist/tokens.scss

@@ -64,12 +64,12 @@
   --transition-smooth: 0.35s ease;
   --transition-logo: 0.3s;
   --font-family-sans: Noto Sans, Fira Sans, system-ui, sans-serif;
-  --font-family-mono: JetBrains Mono, SF Mono, Monaco, Inconsolata, monospace;
+  --font-family-mono: Noto Sans Mono, SF Mono, Monaco, Inconsolata, monospace;
   --font-family-display: var(--font-family-display-editorial);
-  --font-family-display-editorial: Josefin Sans, system-ui, sans-serif;
+  --font-family-display-editorial: Josefin Sans, Noto Sans, system-ui, sans-serif;
   --font-family-display-documentation: Noto Sans, system-ui, sans-serif;
   --font-family-brand: Futura, system-ui, sans-serif;
-  --font-family-math: Noto Sans Math, Noto Sans, system-ui, sans-serif;
+  --font-family-math: Noto Sans Math, math;
   --font-size-micro: 0.75rem;
   --font-size-small: 0.875rem;
   --font-size-base: 1rem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dataimago/css",
-  "version": "0.1.0-alpha.21",
+  "version": "0.1.0-alpha.23",
   "description": "Compiled CSS and Tailwind preset for the dataimago ethical AI design system",
   "license": "MIT",
   "repository": {
@@ -20,20 +20,23 @@
     "./tailwind-preset": "./dist/tailwind-preset.js",
     "./quarto/*": "./dist/quarto/*",
     "./latex/*": "./dist/latex/*",
+    "./figures/*": "./dist/figures/*",
     "./dataviz/*": "./dist/dataviz/*",
     "./templates/*": "./dist/templates/*",
+    "./fonts/*": "./dist/fonts/*",
     "./outputs.json": "./dist/outputs.json",
     "./package.json": "./package.json"
   },
   "bin": {
-    "dataimago-sync": "./dist/bin/dataimago-sync.mjs"
+    "dataimago-sync": "./dist/bin/dataimago-sync.mjs",
+    "dataimago-figures": "./dist/bin/dataimago-figures.mjs"
   },
   "files": [
     "dist",
     "README.md"
   ],
   "dependencies": {
-    "@dataimago/tokens": "^0.1.0-alpha.18"
+    "@dataimago/tokens": "^0.1.0-alpha.22"
   },
   "devDependencies": {
     "sass": "^1.69.0"