base site: claude design plus some tweaks

1 files changed, 19 insertions, 0 deletions

diff --git a/_ds/pantograph-design-system-56a1c74e-41c1-486b-ba3c-4eabdfacef31/tokens/fonts.css b/_ds/pantograph-design-system-56a1c74e-41c1-486b-ba3c-4eabdfacef31/tokens/fonts.css
new file mode 100644
index 0000000..637c1a1
--- /dev/null
+++ b/_ds/pantograph-design-system-56a1c74e-41c1-486b-ba3c-4eabdfacef31/tokens/fonts.css
@@ -0,0 +1,19 @@
+/* ============================================================
+   Pantograph — Webfonts
+   ------------------------------------------------------------
+   Two families, loaded from Google Fonts. The system runs on a
+   single primary face plus a monospace — minimal by design, the
+   way the product is. See readme.md → VISUAL FOUNDATIONS.
+
+     Saira Condensed  → THE primary face. Display, headings, UI,
+                        body, labels, prose. Tall, narrow, and
+                        precise — engraved-instrument character.
+     IBM Plex Mono    → code, terminals, the panto CLI, tabular
+                        numerals — the machine voice.
+
+   Saira Condensed loads 400–700 (plus 400/500 italic) so it can
+   carry running body copy, not just display. @import MUST be the
+   first statement, before any other rule.
+   ============================================================ */
+
+@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Saira+Condensed:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap');