zeus-css 1.0.12 → 1.0.13

package/CHANGELOG.md

@@ -0,0 +1,112 @@
+# Changelog
+
+All notable changes to zeus-css are documented in this file.
+Format loosely follows [Keep a Changelog](https://keepachangelog.com/).
+
+## [1.0.13]
+
+### Fixed
+
+- **Package tarball no longer ships a stale nested copy of the framework.**
+  `scss/dist/*.css` (a 1.0.0-era build with 12 instances of `outline: none`
+  instead of the current 7 — an accessibility fix that had already shipped
+  in the real `dist/`), the nested `scss/package.json`, `.stylelintrc.json`,
+  and dev-only build scripts are no longer included in `files`. Unpacked
+  package size drops from carrying a full second copy of the framework to
+  just the intended source.
+- **`exports["."].sass` now resolves to `./scss/foundation/foundation.scss`**
+  instead of `./scss/zeus.scss`. The latter is an intentional zero-emission
+  bridge (four `@forward` statements, no CSS) meant for component
+  `.module.scss` files via the `zeus-css/zeus` subpath — it was never meant
+  to be the target of the bare `zeus-css` import. `@use "pkg:zeus-css"` (or
+  any bundler's `sass` condition resolution) now returns the actual
+  framework instead of silently compiling to nothing.
+- Fixed a compile crash (`Invalid index 2 for a list with 1 elements`) when
+  `$zeus-breakpoints` is overridden down to a single entry. The breakpoint
+  sort in `root-generator.scss` now guards `$n > 1` before entering the
+  loop.
+- `<main>` no longer collapses to near-zero width as a flex item. It was
+  included (with `body` and `.container`) in the container-query
+  `container-type: inline-size` reset, which removes it from normal
+  content-based sizing; unlike `body`/`.container`, `<main>` in a flex
+  context has no other width source. Removed from that selector, matching
+  the reasoning already applied to `.grid`.
+- `[hidden]` can now be overridden. The reset declared
+  `display: none !important` inside `@layer reset` — the first layer in
+  cascade order — and layer order reverses for `!important` declarations,
+  so nothing later (layered or not) could win. The `!important` is gone,
+  and the selector is now `:where([hidden]):not([hidden="until-found"])`
+  so `hidden="until-found"` content stays reachable by in-page find, per
+  the HTML spec's own recommended selector for this rule.
+- Fluid typography no longer rounds to visible 1.6px steps. The shared
+  clamp() engine's `$step` defaults to `0.1` in the *output* unit — fine at
+  0.1px for spacing, but 0.1rem (1.6px) for type. Typography now compiles
+  with `$step: 0.01` / `$accuracy: 3`, and declared min/max endpoints are
+  now reached in practice instead of stopping ~1.6px short.
+- `overflow-wrap: anywhere` removed from the `body` reset. It was declared
+  alongside `word-break: break-word`, which already handles overflow
+  safely; `anywhere` additionally breaks inside words that don't need it,
+  including in narrow columns where it isn't wanted.
+- Added `border-style: solid` to the universal box-sizing reset. Elements
+  reset with `border: 0` (`button`, `input`, `textarea`, `select`) stayed
+  invisible even after a consumer later added `border-width`/`border-color`,
+  because `border-style` defaulted to `none`. Same fix Tailwind's preflight
+  uses.
+- `bin/init.js` now exits non-zero on a failed scaffold instead of
+  swallowing the error and exiting 0, and responds to `--help`/`-h` with
+  usage instead of running the full init routine against the current
+  directory.
+- `peerDependencies.sass` raised from `^1.60.0` to `^1.79.0`, matching the
+  actual floor required by the relative `oklch(from ...)` color syntax and
+  the `pkg:` importer used in the docs.
+- Removed the `postinstall` script (`bin/postinstall.js`) and its
+  `package.json` hook. It only printed a discovery hint for
+  `npx zeus-css init`, already covered in the README — not worth pnpm 10
+  blocking lifecycle scripts by default, or the supply-chain-scanner flags
+  a postinstall script draws for no functional benefit.
+- Corrected the README's `@property` claim — coverage is the base semantic
+  color palette (5 tokens), not "key tokens" broadly; derived color
+  variants, spacing, and typography remain plain custom properties.
+- Removed `body-md`, `body-md-bold`, `body-md-semibold`, and `body-md-medium`
+  from the typography token map — they were byte-for-byte duplicates of
+  `body`/`body-bold`/`body-semibold`/`body-medium`. `--text-body` is now
+  the single source; regenerated `zeus.tokens.json`, `cheatsheet.md`, and
+  `llms.txt` (both the `scss/` copies and the package-root mirrors, which
+  had drifted out of sync). The two real consumers of `--text-body-md`
+  (`FinalHeader.module.scss`, `CtaBlock.module.scss`, both outside this
+  package) were migrated to `--text-body` — same value, no visual change.
+- Fixed an unrelated bug found while migrating `CtaBlock.module.scss`:
+  `.installBox` set `font-size: var(--text-body)`, but `--text-body` is a
+  `font` *shorthand* (weight/size/line-height/family), not a bare size —
+  invalid as a `font-size` value, so it silently fell back to inherited.
+  Replaced with `font: var(--text-code);`, matching the token its sibling
+  widget (`TheZeusHero.module.scss` `.install`) already uses, per the
+  file's own "kept in visual sync" comment.
+- Documented that Zeus intentionally ships one color palette with no
+  `prefers-color-scheme` / light-dark switching — not a gap, a design
+  decision. `zeus-theme()` is for swapping the whole palette (e.g. a
+  different brand), not a light/dark toggle. See README Features.
+- Fixed a silent-drop bug in color token emission: explicitly setting a
+  derived color key in `$zeus-colors` (e.g. `primary-light`) made
+  `semantic-colors.scss` skip emitting it, on the assumption that
+  `root-generator.scss`'s generic pipeline would emit it instead — but that
+  pipeline deliberately excludes `$zeus-colors`. The variable vanished from
+  the compiled CSS entirely; with `$zeus-enable-property-registration`
+  left at its default it was masked by `@property`'s `initial-value`
+  incidentally supplying the same value, but disabling that flag exposed
+  the break directly. `_emit-static-color-vars` now always emits every
+  variant, using the explicit override when present and the derived value
+  otherwise.
+
+### Known issues (tracked, not in this release)
+
+- `round()`/`oklch(from ...)` are used throughout the compiled CSS with no
+  `@supports` fallback, so browsers without CSS `round()` support drop the
+  affected `clamp()` declarations entirely. Needs a systematic
+  progressive-enhancement pass, not a patch-sized fix.
+- Class naming mixes three conventions (`z-*` BEM components, `btn-*` and
+  `.container` utilities, both covered by `$zeus-use-prefix`). Decided:
+  keep as-is rather than a breaking rename — `$zeus-use-prefix` defaults
+  to `false`, so `.container`/`btn-*` are unprefixed unless opted in; this
+  is now called out explicitly in `API.md` as a collision risk when
+  running alongside another framework.

package/README.md

@@ -130,5 +130,6 @@ module.exports = {
 
 - **Fluid Linear Interpolation Engine**: Mathematical clamp generator for automatic responsive font sizes and spacing without media-query soup.
 - **Recursive Token Pipeline**: Automatically traverses and transforms complex Sass maps into CSS Custom Properties.
-- **CSS @property Type Safety**: Native browser-level type-safety for key tokens.
+- **CSS @property Type Safety**: Native browser-level type-safety (syntax validation + fallback) for the base semantic color palette — derived color variants, spacing, and typography tokens are plain custom properties.
 - **Zero-Emission SCSS API**: Uses Sass `@forward` to expose core design tools without emitting a single duplicate byte of CSS.
+- **Single palette by design**: Zeus does not ship `prefers-color-scheme` / light-dark mode switching — one color palette applies everywhere. Use `zeus-theme()` if you need a different palette entirely (e.g. per-brand), not as a light/dark toggle.

package/bin/init.js

@@ -2,6 +2,20 @@
 const fs = require('fs');
 const path = require('path');
 
+if (process.argv.includes('--help') || process.argv.includes('-h')) {
+  console.log(`
+Usage: npx zeus-css init
+
+Ejects local zeus.config.scss / zeus.customize.scss / zeus.theme.scss (and
+zeus-css-env.d.ts in TypeScript projects) into the current directory so you
+can override the framework's defaults and recompile.
+
+Options:
+  -h, --help   Show this help and exit
+`);
+  process.exit(0);
+}
+
 const projectRoot = process.cwd();
 const configTargetPath = path.join(projectRoot, 'zeus.config.scss');
 const customizeTargetPath = path.join(projectRoot, 'zeus.customize.scss');
@@ -175,4 +189,5 @@ declare module '*.scss';
   console.log('3. Edit zeus.config.scss or zeus.customize.scss and recompile to update the framework globally.');
 } catch (e) {
   console.error('❌ Failed to extract Zeus config files', e);
+  process.exit(1);
 }

package/dist/zeus.css

@@ -21,6 +21,8 @@
   *::before,
   *::after {
     box-sizing: border-box;
+    border-width: 0;
+    border-style: solid;
   }
   :where(h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd, pre) {
     margin: 0;
@@ -63,8 +65,8 @@
     color: inherit;
     text-decoration-skip-ink: auto;
   }
-  :where([hidden]) {
-    display: none !important;
+  :where([hidden]):not([hidden=until-found]) {
+    display: none;
   }
   :where(:focus-visible) {
     outline: 2px solid var(--color-primary);
@@ -278,47 +280,43 @@
     --shadow-card-hover: 0px 8px 24px 0px rgba(0, 0, 0, 0.12), 0px 2px 6px 0px rgba(0, 0, 0, 0.08);
     --shadow-dropdown: 0px 10px 40px 0px rgba(0, 0, 0, 0.15), 0px 2px 8px 0px rgba(132, 132, 132, 0.43);
     --shadow-modal: 0px 20px 60px 0px rgba(0, 0, 0, 0.3), 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
-    --text-display-xl: 800 clamp(3.5rem, round(2.9rem + 2.8cqi, 0.1rem), 6rem)/1.1 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
-    --text-display-lg: 800 clamp(3rem, round(2.5rem + 2.2cqi, 0.1rem), 5rem)/1.1 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
-    --text-display-md: 700 clamp(2.5rem, round(2.1rem + 1.7cqi, 0.1rem), 4rem)/1.15 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
-    --text-h1: 700 clamp(2.25rem, round(2rem + 1.1cqi, 0.1rem), 3.25rem)/1.2 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
-    --text-h1-light: 300 clamp(2.25rem, round(2rem + 1.1cqi, 0.1rem), 3.25rem)/1.2 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
-    --text-h2: 600 clamp(1.88rem, round(1.7rem + 1cqi, 0.1rem), 2.75rem)/1.2 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
-    --text-h2-light: 300 clamp(1.88rem, round(1.7rem + 1cqi, 0.1rem), 2.75rem)/1.2 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
-    --text-h3: 600 clamp(1.63rem, round(1.4rem + 1cqi, 0.1rem), 2.5rem)/1.25 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
-    --text-h3-light: 300 clamp(1.63rem, round(1.4rem + 1cqi, 0.1rem), 2.5rem)/1.25 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
-    --text-h4: 600 clamp(1.5rem, round(1.4rem + 0.6cqi, 0.1rem), 2rem)/1.3 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
-    --text-h4-light: 300 clamp(1.5rem, round(1.4rem + 0.6cqi, 0.1rem), 2rem)/1.3 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
-    --text-h5: 500 clamp(1.25rem, round(1.2rem + 0.3cqi, 0.1rem), 1.5rem)/1.4 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
-    --text-h5-light: 300 clamp(1.25rem, round(1.2rem + 0.3cqi, 0.1rem), 1.5rem)/1.4 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
-    --text-h6: 500 clamp(1.13rem, round(1.1rem + 0.1cqi, 0.1rem), 1.25rem)/1.4 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
-    --text-h6-light: 300 clamp(1.13rem, round(1.1rem + 0.1cqi, 0.1rem), 1.25rem)/1.4 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
-    --text-body-xl: 400 clamp(1.25rem, round(1.2rem + 0.3cqi, 0.1rem), 1.5rem)/1.6 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
-    --text-body-lg: 400 clamp(1.13rem, round(1.1rem + 0.1cqi, 0.1rem), 1.25rem)/1.6 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
-    --text-body: 400 clamp(1rem, round(1rem + 0.1cqi, 0.1rem), 1.13rem)/1.6 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
-    --text-body-md: 400 clamp(1rem, round(1rem + 0.1cqi, 0.1rem), 1.13rem)/1.6 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
-    --text-body-bold: 700 clamp(1rem, round(1rem + 0.1cqi, 0.1rem), 1.13rem)/1.6 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
-    --text-body-md-bold: 700 clamp(1rem, round(1rem + 0.1cqi, 0.1rem), 1.13rem)/1.6 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
-    --text-body-semibold: 600 clamp(1rem, round(1rem + 0.1cqi, 0.1rem), 1.13rem)/1.6 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
-    --text-body-md-semibold: 600 clamp(1rem, round(1rem + 0.1cqi, 0.1rem), 1.13rem)/1.6 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
-    --text-body-medium: 500 clamp(1rem, round(1rem + 0.1cqi, 0.1rem), 1.13rem)/1.6 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
-    --text-body-md-medium: 500 clamp(1rem, round(1rem + 0.1cqi, 0.1rem), 1.13rem)/1.6 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
-    --text-body-sm: 400 clamp(0.88rem, round(0.9rem + 0.1cqi, 0.1rem), 1rem)/1.5 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
-    --text-body-sm-bold: 700 clamp(0.88rem, round(0.9rem + 0.1cqi, 0.1rem), 1rem)/1.5 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
-    --text-body-sm-semibold: 600 clamp(0.88rem, round(0.9rem + 0.1cqi, 0.1rem), 1rem)/1.5 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
-    --text-body-xs: 400 clamp(0.75rem, round(0.7rem + 0.1cqi, 0.1rem), 0.88rem)/1.5 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
-    --text-label: 500 clamp(0.75rem, round(0.7rem + 0.1cqi, 0.1rem), 0.88rem)/1.4 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
-    --text-label-bold: 700 clamp(0.75rem, round(0.7rem + 0.1cqi, 0.1rem), 0.88rem)/1.4 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
-    --text-caption: 400 clamp(0.69rem, round(0.7rem + 0.1cqi, 0.1rem), 0.75rem)/1.4 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
-    --text-caption-bold: 600 clamp(0.69rem, round(0.7rem + 0.1cqi, 0.1rem), 0.75rem)/1.4 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
-    --text-overline: 600 clamp(0.88rem, round(0.9rem + 0.1cqi, 0.1rem), 1rem)/1.3 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
-    --text-link: 500 clamp(0.94rem, round(0.9rem + 0.1cqi, 0.1rem), 1rem)/1.5 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
-    --text-link-bold: 700 clamp(0.94rem, round(0.9rem + 0.1cqi, 0.1rem), 1rem)/1.5 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
-    --text-button: 600 clamp(0.88rem, round(0.9rem + 0.1cqi, 0.1rem), 1rem)/1.2 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
-    --text-button-lg: 600 clamp(1rem, round(1rem + 0.1cqi, 0.1rem), 1.13rem)/1.2 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
-    --text-button-sm: 600 clamp(0.75rem, round(0.7rem + 0.1cqi, 0.1rem), 0.88rem)/1.2 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
-    --text-code: 400 clamp(0.88rem, round(0.9rem + 0.1cqi, 0.1rem), 1rem)/1.6 JetBrains Mono, Fira Code, Cascadia Code, Courier New, monospace;
-    --text-code-sm: 400 clamp(0.75rem, round(0.7rem + 0.1cqi, 0.1rem), 0.88rem)/1.6 JetBrains Mono, Fira Code, Cascadia Code, Courier New, monospace;
+    --text-display-xl: 800 clamp(3.5rem, round(2.908rem + 2.761cqi, 0.01rem), 6rem)/1.1 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
+    --text-display-lg: 800 clamp(3rem, round(2.527rem + 2.208cqi, 0.01rem), 5rem)/1.1 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
+    --text-display-md: 700 clamp(2.5rem, round(2.145rem + 1.656cqi, 0.01rem), 4rem)/1.15 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
+    --text-h1: 700 clamp(2.25rem, round(2.013rem + 1.104cqi, 0.01rem), 3.25rem)/1.2 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
+    --text-h1-light: 300 clamp(2.25rem, round(2.013rem + 1.104cqi, 0.01rem), 3.25rem)/1.2 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
+    --text-h2: 600 clamp(1.88rem, round(1.674rem + 0.961cqi, 0.01rem), 2.75rem)/1.2 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
+    --text-h2-light: 300 clamp(1.88rem, round(1.674rem + 0.961cqi, 0.01rem), 2.75rem)/1.2 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
+    --text-h3: 600 clamp(1.63rem, round(1.424rem + 0.961cqi, 0.01rem), 2.5rem)/1.25 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
+    --text-h3-light: 300 clamp(1.63rem, round(1.424rem + 0.961cqi, 0.01rem), 2.5rem)/1.25 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
+    --text-h4: 600 clamp(1.5rem, round(1.382rem + 0.552cqi, 0.01rem), 2rem)/1.3 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
+    --text-h4-light: 300 clamp(1.5rem, round(1.382rem + 0.552cqi, 0.01rem), 2rem)/1.3 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
+    --text-h5: 500 clamp(1.25rem, round(1.191rem + 0.276cqi, 0.01rem), 1.5rem)/1.4 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
+    --text-h5-light: 300 clamp(1.25rem, round(1.191rem + 0.276cqi, 0.01rem), 1.5rem)/1.4 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
+    --text-h6: 500 clamp(1.13rem, round(1.101rem + 0.133cqi, 0.01rem), 1.25rem)/1.4 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
+    --text-h6-light: 300 clamp(1.13rem, round(1.101rem + 0.133cqi, 0.01rem), 1.25rem)/1.4 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
+    --text-body-xl: 400 clamp(1.25rem, round(1.191rem + 0.276cqi, 0.01rem), 1.5rem)/1.6 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
+    --text-body-lg: 400 clamp(1.13rem, round(1.101rem + 0.133cqi, 0.01rem), 1.25rem)/1.6 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
+    --text-body: 400 clamp(1rem, round(0.969rem + 0.144cqi, 0.01rem), 1.13rem)/1.6 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
+    --text-body-bold: 700 clamp(1rem, round(0.969rem + 0.144cqi, 0.01rem), 1.13rem)/1.6 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
+    --text-body-semibold: 600 clamp(1rem, round(0.969rem + 0.144cqi, 0.01rem), 1.13rem)/1.6 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
+    --text-body-medium: 500 clamp(1rem, round(0.969rem + 0.144cqi, 0.01rem), 1.13rem)/1.6 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
+    --text-body-sm: 400 clamp(0.88rem, round(0.851rem + 0.133cqi, 0.01rem), 1rem)/1.5 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
+    --text-body-sm-bold: 700 clamp(0.88rem, round(0.851rem + 0.133cqi, 0.01rem), 1rem)/1.5 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
+    --text-body-sm-semibold: 600 clamp(0.88rem, round(0.851rem + 0.133cqi, 0.01rem), 1rem)/1.5 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
+    --text-body-xs: 400 clamp(0.75rem, round(0.719rem + 0.144cqi, 0.01rem), 0.88rem)/1.5 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
+    --text-label: 500 clamp(0.75rem, round(0.719rem + 0.144cqi, 0.01rem), 0.88rem)/1.4 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
+    --text-label-bold: 700 clamp(0.75rem, round(0.719rem + 0.144cqi, 0.01rem), 0.88rem)/1.4 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
+    --text-caption: 400 clamp(0.69rem, round(0.676rem + 0.066cqi, 0.01rem), 0.75rem)/1.4 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
+    --text-caption-bold: 600 clamp(0.69rem, round(0.676rem + 0.066cqi, 0.01rem), 0.75rem)/1.4 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
+    --text-overline: 600 clamp(0.88rem, round(0.851rem + 0.133cqi, 0.01rem), 1rem)/1.3 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
+    --text-link: 500 clamp(0.94rem, round(0.926rem + 0.066cqi, 0.01rem), 1rem)/1.5 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
+    --text-link-bold: 700 clamp(0.94rem, round(0.926rem + 0.066cqi, 0.01rem), 1rem)/1.5 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
+    --text-button: 600 clamp(0.88rem, round(0.851rem + 0.133cqi, 0.01rem), 1rem)/1.2 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
+    --text-button-lg: 600 clamp(1rem, round(0.969rem + 0.144cqi, 0.01rem), 1.13rem)/1.2 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
+    --text-button-sm: 600 clamp(0.75rem, round(0.719rem + 0.144cqi, 0.01rem), 0.88rem)/1.2 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
+    --text-code: 400 clamp(0.88rem, round(0.851rem + 0.133cqi, 0.01rem), 1rem)/1.6 JetBrains Mono, Fira Code, Cascadia Code, Courier New, monospace;
+    --text-code-sm: 400 clamp(0.75rem, round(0.719rem + 0.144cqi, 0.01rem), 0.88rem)/1.6 JetBrains Mono, Fira Code, Cascadia Code, Courier New, monospace;
     --z-base: 0;
     --z-dropdown: 100;
     --z-sticky: 200;
@@ -356,7 +354,7 @@
     font-size: 100%;
     -ms-overflow-style: scrollbar;
   }
-  body, main, .container {
+  body, .container {
     container-type: inline-size;
   }
   .cq {
@@ -368,7 +366,6 @@
   body {
     color: var(--color-text);
     background-color: var(--color-background);
-    overflow-wrap: anywhere;
     word-break: break-word;
     font: var(--text-body);
     text-wrap: pretty;
@@ -1157,34 +1154,18 @@
     font: var(--text-body);
     text-wrap: pretty;
   }
-  .text-body-md {
-    font: var(--text-body-md);
-    text-wrap: pretty;
-  }
   .text-body-bold {
     font: var(--text-body-bold);
     text-wrap: pretty;
   }
-  .text-body-md-bold {
-    font: var(--text-body-md-bold);
-    text-wrap: pretty;
-  }
   .text-body-semibold {
     font: var(--text-body-semibold);
     text-wrap: pretty;
   }
-  .text-body-md-semibold {
-    font: var(--text-body-md-semibold);
-    text-wrap: pretty;
-  }
   .text-body-medium {
     font: var(--text-body-medium);
     text-wrap: pretty;
   }
-  .text-body-md-medium {
-    font: var(--text-body-md-medium);
-    text-wrap: pretty;
-  }
   .text-body-sm {
     font: var(--text-body-sm);
     text-wrap: pretty;