npm - @oods/tokens - Versions diffs - 0.3.1 → 0.3.2 - Mend

@oods/tokens 0.3.1 → 0.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/CHANGELOG.md +25 -0
package/README.md +5 -3
package/dist/css/tokens.css +259 -259
package/dist/css-variables-by-scope.json +84 -84
package/dist/tailwind/tokens.json +7691 -5254
package/dist/ts/tokens.ts +7676 -5239
package/package.json +11 -4

package/dist/css/tokens.css CHANGED Viewed

@@ -57,29 +57,9 @@
   --oods-motion-easing-standard: cubic-bezier(0.2, 0, 0.38, 1); /** Primary ease-out curve for UI transitions. */
   --oods-motion-easing-emphasized: cubic-bezier(0.05, 0.7, 0.1, 1); /** Emphasized ease for entrance motion requiring more weight. */
   --oods-motion-easing-linear: cubic-bezier(0, 0, 1, 1); /** Linear fallback for reduced-motion scenarios. */
-  --oods-motion-transition-hover-delay: 0ms; /** Hover affordances across buttons, chips, and cards. */
-  --oods-motion-transition-focus-delay: 0ms; /** Focus outlines and glow elevation. */
-  --oods-motion-transition-chip-in-delay: 0ms; /** Chip selection and entry into filter groups. */
-  --oods-motion-transition-chip-out-delay: 0ms; /** Chip deselection or removal. */
-  --oods-motion-transition-banner-reveal-delay: 20ms; /** Banner entrance along the vertical axis. */
   --oods-motion-reduced-duration-fast: 0ms; /** Instant feedback for motion-sensitive contexts. */
   --oods-motion-reduced-duration-base: 0ms; /** Primary reduced-motion tempo. */
   --oods-motion-reduced-duration-slow: 0ms; /** Long-form transitions collapse to zero in reduced motion. */
-  --oods-motion-reduced-transition-hover-delay: 0ms; /** Hover states snap immediately when motion is reduced. */
-  --oods-motion-reduced-transition-focus-delay: 0ms; /** Focus rings become instant in reduced-motion. */
-  --oods-motion-reduced-transition-chip-in-delay: 0ms; /** Chip selection occurs without momentum. */
-  --oods-motion-reduced-transition-chip-out-delay: 0ms; /** Chip removal happens immediately. */
-  --oods-motion-reduced-transition-banner-reveal-delay: 0ms; /** Banner reveal falls back to an instant appearance. */
-  --oods-shadow-elevation-card-offset-x: 0px; /** Baseline elevation shadow for cards and raised panels. */
-  --oods-shadow-elevation-card-offset-y: 16px; /** Baseline elevation shadow for cards and raised panels. */
-  --oods-shadow-elevation-card-blur: 40px; /** Baseline elevation shadow for cards and raised panels. */
-  --oods-shadow-elevation-card-spread: -12px; /** Baseline elevation shadow for cards and raised panels. */
-  --oods-shadow-elevation-card-color: rgba(15, 23, 42, 0.12); /** Baseline elevation shadow for cards and raised panels. */
-  --oods-shadow-elevation-overlay-offset-x: 0px; /** High elevation shadow used for overlays and dialogs. */
-  --oods-shadow-elevation-overlay-offset-y: 24px; /** High elevation shadow used for overlays and dialogs. */
-  --oods-shadow-elevation-overlay-blur: 56px; /** High elevation shadow used for overlays and dialogs. */
-  --oods-shadow-elevation-overlay-spread: -16px; /** High elevation shadow used for overlays and dialogs. */
-  --oods-shadow-elevation-overlay-color: rgba(15, 23, 42, 0.24); /** High elevation shadow used for overlays and dialogs. */
   --ref-border-width-hairline: 1px; /** Hairline border width for foundational surfaces. */
   --ref-border-width-bold: 2px; /** Bold border width for emphasis and outlines. */
   --ref-border-width-emphasis: 3px; /** Emphasis border width for selected-state indicators such as the active tab underline. */
@@ -199,8 +179,8 @@
   --ref-space-ramp-050: 0.125rem; /** Component geometry ramp 050: 0.125rem (2px at the 16px root). 100 is the 4px unit; every sys component geometry role resolves to one ramp entry (Sprint 200 m02). */
   --ref-shadow-color-subtle: rgba(15, 23, 42, 0.12); /** Soft ambient shadow colour for elevated surfaces. */
   --ref-shadow-color-strong: rgba(15, 23, 42, 0.24); /** Stronger shadow colour for high elevation overlays. */
-  --ref-typography-families-sans: 'DM Sans', '"Helvetica Neue"', Helvetica, Arial, sans-serif; /** Brand A primary sans-serif — Aeonik with system fallbacks. */
-  --ref-typography-families-display: 'Cormorant Garamond', Cormorant, Georgia, '"Times New Roman"', serif; /** Brand A display serif — Canela for large editorial headings. */
+  --ref-typography-families-sans: 'DM Sans', "Helvetica Neue", Helvetica, Arial, sans-serif; /** Brand A primary sans-serif — Aeonik with system fallbacks. */
+  --ref-typography-families-display: 'Cormorant Garamond', Cormorant, Georgia, "Times New Roman", serif; /** Brand A display serif — Canela for large editorial headings. */
   --ref-typography-weights-regular: 400; /** Standard reading weight. */
   --ref-typography-weights-medium: 500; /** Medium emphasis for supporting text and labels. */
   --ref-typography-weights-semibold: 600; /** Semibold weight for headings and key UI labels. */
@@ -223,37 +203,11 @@
   --ref-typography-letter-spacing-default: 0em; /** Neutral tracking for body copy. */
   --ref-typography-letter-spacing-wide: 0.08em; /** Wide tracking for uppercase captions. */
   --oods-overlay-backdrop-opacity: 0.5; /** Default backdrop opacity for overlays. */
-  --oods-overlay-transition-open-delay: 0ms; /** Overlay open transition; collapses under reduced motion. */
-  --oods-overlay-transition-close-delay: 0ms; /** Overlay close transition; collapses under reduced motion. */
   --sys-breakpoint-sm: 640; /** 640px. Number-typed so every platform emits a bare literal; a dimension would emit an invalid raw string into Swift and Kotlin. Value adopted from the installed Tailwind default, not invented — the repo already renders against it. */
   --sys-breakpoint-md: 768; /** 768px. Tablet-portrait class, and the width the view-context rail collapses at (authored as a 48rem @container threshold). */
   --sys-breakpoint-lg: 1024; /** 1024px. Tablet-landscape / small-laptop class. */
   --sys-breakpoint-xl: 1280; /** 1280px. The viewport the VRT and a11y-contract capture suites run at. */
   --sys-breakpoint-2xl: 1536; /** 1536px. Zero 2xl: usages in the repo today; it ships so the scale is complete and the generated Tailwind screens map stays identical to the framework default it replaces. Keys are authored ascending sm -> 2xl because Tailwind emits @media blocks in config order. */
-  --sys-shadow-panel-offset-x: 0px; /** Raised-panel shadow; the card elevation from the reference shadow scale, expanded into its parts. */
-  --sys-shadow-panel-offset-y: 16px; /** Raised-panel shadow; the card elevation from the reference shadow scale, expanded into its parts. */
-  --sys-shadow-panel-blur: 40px; /** Raised-panel shadow; the card elevation from the reference shadow scale, expanded into its parts. */
-  --sys-shadow-panel-spread: -12px; /** Raised-panel shadow; the card elevation from the reference shadow scale, expanded into its parts. */
-  --sys-shadow-panel-color: rgba(15, 23, 42, 0.12); /** Raised-panel shadow; the card elevation from the reference shadow scale, expanded into its parts. */
-  --sys-shadow-overlay-offset-x: 0px; /** Overlay shadow for menus and trays; the overlay elevation from the reference shadow scale, expanded into its parts. */
-  --sys-shadow-overlay-offset-y: 24px; /** Overlay shadow for menus and trays; the overlay elevation from the reference shadow scale, expanded into its parts. */
-  --sys-shadow-overlay-blur: 56px; /** Overlay shadow for menus and trays; the overlay elevation from the reference shadow scale, expanded into its parts. */
-  --sys-shadow-overlay-spread: -16px; /** Overlay shadow for menus and trays; the overlay elevation from the reference shadow scale, expanded into its parts. */
-  --sys-shadow-overlay-color: rgba(15, 23, 42, 0.24); /** Overlay shadow for menus and trays; the overlay elevation from the reference shadow scale, expanded into its parts. */
-  --sys-motion-reduced-transition-hover-delay: 0ms; /** Reduced-motion hover transition. */
-  --sys-motion-reduced-transition-focus-delay: 0ms; /** Reduced-motion focus transition. */
-  --sys-motion-reduced-transition-chip-in-delay: 0ms; /** Reduced-motion chip entry transition. */
-  --sys-motion-reduced-transition-chip-out-delay: 0ms; /** Reduced-motion chip exit transition. */
-  --sys-motion-reduced-transition-banner-reveal-delay: 0ms; /** Reduced-motion banner reveal transition. */
-  --sys-motion-transition-hover-delay: 0ms; /** System hover transition for interactive affordances. */
-  --sys-motion-transition-focus-delay: 0ms; /** System focus transition for outlines/glow. */
-  --sys-motion-transition-chip-in-delay: 0ms; /** System chip entry transition. */
-  --sys-motion-transition-chip-out-delay: 0ms; /** System chip exit transition. */
-  --sys-motion-transition-banner-reveal-delay: 20ms; /** System banner reveal transition. */
-  --sys-text-scale-caption-text-case: uppercase; /** System caption scale. */
-  --sys-text-scale-label-md-text-case: none; /** System label medium scale. */
-  --oods-text-scale-caption-text-case: uppercase; /** Caption text for metadata, badges, and helper copy. */
-  --oods-text-scale-label-md-text-case: none; /** Form labels and actionable micro copy. */
   --oods-z-base: 0; /** Default stacking context for page content. */
   --oods-z-raised: 10; /** Raised cards and sticky UI. */
   --oods-z-overlay: 1000; /** Modal overlays and backdrops. */
@@ -269,29 +223,9 @@
   --theme-dark-motion-easing-standard: cubic-bezier(0.2, 0, 0.38, 1); /** Primary ease-out curve for UI transitions. */
   --theme-dark-motion-easing-emphasized: cubic-bezier(0.05, 0.7, 0.1, 1); /** Emphasized ease for entrance motion requiring more weight. */
   --theme-dark-motion-easing-linear: cubic-bezier(0, 0, 1, 1); /** Linear fallback for reduced-motion scenarios. */
-  --theme-dark-motion-transition-hover-delay: 0ms; /** Hover affordances across buttons, chips, and cards. */
-  --theme-dark-motion-transition-focus-delay: 0ms; /** Focus outlines and glow elevation. */
-  --theme-dark-motion-transition-chip-in-delay: 0ms; /** Chip selection and entry into filter groups. */
-  --theme-dark-motion-transition-chip-out-delay: 0ms; /** Chip deselection or removal. */
-  --theme-dark-motion-transition-banner-reveal-delay: 20ms; /** Banner entrance along the vertical axis. */
   --theme-dark-motion-reduced-duration-fast: 0ms; /** Instant feedback for motion-sensitive contexts. */
   --theme-dark-motion-reduced-duration-base: 0ms; /** Primary reduced-motion tempo. */
   --theme-dark-motion-reduced-duration-slow: 0ms; /** Long-form transitions collapse to zero in reduced motion. */
-  --theme-dark-motion-reduced-transition-hover-delay: 0ms; /** Hover states snap immediately when motion is reduced. */
-  --theme-dark-motion-reduced-transition-focus-delay: 0ms; /** Focus rings become instant in reduced-motion. */
-  --theme-dark-motion-reduced-transition-chip-in-delay: 0ms; /** Chip selection occurs without momentum. */
-  --theme-dark-motion-reduced-transition-chip-out-delay: 0ms; /** Chip removal happens immediately. */
-  --theme-dark-motion-reduced-transition-banner-reveal-delay: 0ms; /** Banner reveal falls back to an instant appearance. */
-  --theme-dark-shadow-elevation-card-offset-x: 0px; /** Primary elevation for dark cards—leans on outline support with a low, cool glow. */
-  --theme-dark-shadow-elevation-card-offset-y: 18px; /** Primary elevation for dark cards—leans on outline support with a low, cool glow. */
-  --theme-dark-shadow-elevation-card-blur: 48px; /** Primary elevation for dark cards—leans on outline support with a low, cool glow. */
-  --theme-dark-shadow-elevation-card-spread: -28px; /** Primary elevation for dark cards—leans on outline support with a low, cool glow. */
-  --theme-dark-shadow-elevation-card-color: rgba(4, 10, 22, 0.48); /** Primary elevation for dark cards—leans on outline support with a low, cool glow. */
-  --theme-dark-shadow-elevation-overlay-offset-x: 0px; /** Overlay elevation tuned for modals and trays without blooming. */
-  --theme-dark-shadow-elevation-overlay-offset-y: 32px; /** Overlay elevation tuned for modals and trays without blooming. */
-  --theme-dark-shadow-elevation-overlay-blur: 68px; /** Overlay elevation tuned for modals and trays without blooming. */
-  --theme-dark-shadow-elevation-overlay-spread: -30px; /** Overlay elevation tuned for modals and trays without blooming. */
-  --theme-dark-shadow-elevation-overlay-color: rgba(8, 18, 38, 0.55); /** Overlay elevation tuned for modals and trays without blooming. */
   --theme-dark-status-info-surface: oklch(0.28 0.070481 245); /** color.brand.A.status.info.surface; generated from palette/seeds.json by generate-palette.ts. */
   --theme-dark-status-info-border: oklch(0.45 0.106275 245); /** color.brand.A.status.info.border; generated from palette/seeds.json by generate-palette.ts. */
   --theme-dark-status-info-text: oklch(0.88 0.029459 245); /** color.brand.A.status.info.text; generated from palette/seeds.json by generate-palette.ts. */
@@ -342,44 +276,9 @@
   --theme-dark-icon-muted: oklch(0.64 0.008 265); /** muted; generated from palette/seeds.json by generate-palette.ts. */
   --theme-dark-icon-on-interactive: oklch(0.985 0.006988 265); /** on-interactive; generated from palette/seeds.json by generate-palette.ts. */
   --theme-focus-width: 2px; /** Standard focus outline width. */
-  --theme-motion-transition-hover-delay: 0ms;
-  --theme-motion-transition-focus-delay: 0ms;
-  --theme-motion-transition-chip-in-delay: 0ms;
-  --theme-motion-transition-chip-out-delay: 0ms;
-  --theme-motion-transition-banner-reveal-delay: 20ms;
-  --theme-motion-reduced-transition-hover-delay: 0ms;
-  --theme-motion-reduced-transition-focus-delay: 0ms;
-  --theme-motion-reduced-transition-chip-in-delay: 0ms;
-  --theme-motion-reduced-transition-chip-out-delay: 0ms;
-  --theme-motion-reduced-transition-banner-reveal-delay: 0ms;
-  --theme-shadow-elevation-card-offset-x: 0px;
-  --theme-shadow-elevation-card-offset-y: 16px;
-  --theme-shadow-elevation-card-blur: 40px;
-  --theme-shadow-elevation-card-spread: -12px;
-  --theme-shadow-elevation-card-color: rgba(15, 23, 42, 0.12);
-  --theme-shadow-elevation-overlay-offset-x: 0px;
-  --theme-shadow-elevation-overlay-offset-y: 24px;
-  --theme-shadow-elevation-overlay-blur: 56px;
-  --theme-shadow-elevation-overlay-spread: -16px;
-  --theme-shadow-elevation-overlay-color: rgba(15, 23, 42, 0.24);
   --theme-surface-interactive-primary-default: oklch(0.53 0.06 43); /** theme.surface.interactive.primary.default; generated from palette/seeds.json by generate-palette.ts. */
   --theme-surface-interactive-primary-hover: oklch(0.43 0.075 43); /** theme.surface.interactive.primary.hover; generated from palette/seeds.json by generate-palette.ts. */
   --theme-surface-interactive-primary-pressed: oklch(0.39 0.085 43); /** theme.surface.interactive.primary.pressed; generated from palette/seeds.json by generate-palette.ts. */
-  --cmp-card-shadow-offset-x: 0px; /** Default card shadow role, expanded into its parts; component rules may override it. */
-  --cmp-card-shadow-offset-y: 16px; /** Default card shadow role, expanded into its parts; component rules may override it. */
-  --cmp-card-shadow-blur: 40px; /** Default card shadow role, expanded into its parts; component rules may override it. */
-  --cmp-card-shadow-spread: -12px; /** Default card shadow role, expanded into its parts; component rules may override it. */
-  --cmp-card-shadow-color: rgba(15, 23, 42, 0.12); /** Default card shadow role, expanded into its parts; component rules may override it. */
-  --cmp-shadow-overlay-offset-x: 0px; /** Default overlay shadow role, expanded into its parts; component rules may override it. */
-  --cmp-shadow-overlay-offset-y: 24px; /** Default overlay shadow role, expanded into its parts; component rules may override it. */
-  --cmp-shadow-overlay-blur: 56px; /** Default overlay shadow role, expanded into its parts; component rules may override it. */
-  --cmp-shadow-overlay-spread: -16px; /** Default overlay shadow role, expanded into its parts; component rules may override it. */
-  --cmp-shadow-overlay-color: rgba(15, 23, 42, 0.24); /** Default overlay shadow role, expanded into its parts; component rules may override it. */
-  --cmp-shadow-panel-offset-x: 0px; /** Default shadow panel role, expanded into its parts; component rules may override it. */
-  --cmp-shadow-panel-offset-y: 16px; /** Default shadow panel role, expanded into its parts; component rules may override it. */
-  --cmp-shadow-panel-blur: 40px; /** Default shadow panel role, expanded into its parts; component rules may override it. */
-  --cmp-shadow-panel-spread: -12px; /** Default shadow panel role, expanded into its parts; component rules may override it. */
-  --cmp-shadow-panel-color: rgba(15, 23, 42, 0.12); /** Default shadow panel role, expanded into its parts; component rules may override it. */
   --oods-color-brand-a-surface-canvas: oklch(0.985 0.002339 265); /** color.brand.A.surface.canvas; generated from palette/seeds.json by generate-palette.ts. */
   --oods-color-brand-a-surface-raised: oklch(1 0 265); /** color.brand.A.surface.raised; generated from palette/seeds.json by generate-palette.ts. */
   --oods-color-brand-a-surface-subtle: oklch(0.95 0.003614 265); /** color.brand.A.surface.subtle; generated from palette/seeds.json by generate-palette.ts. */
@@ -476,6 +375,149 @@
   --oods-color-brand-b-status-accent-border: oklch(0.81 0.07093 305); /** color.brand.B.status.accent.border; generated from palette/seeds.json by generate-palette.ts. */
   --oods-color-brand-b-status-accent-text: oklch(0.42 0.143903 305); /** color.brand.B.status.accent.text; generated from palette/seeds.json by generate-palette.ts. */
   --oods-color-brand-b-status-accent-icon: oklch(0.5 0.15 305); /** color.brand.B.status.accent.icon; generated from palette/seeds.json by generate-palette.ts. */
+  --oods-motion-transition-hover-delay: 0ms; /** Hover affordances across buttons, chips, and cards. */
+  --oods-motion-transition-hover-timing-function: cubic-bezier(0.2, 0, 0.38, 1); /** Hover affordances across buttons, chips, and cards. */
+  --oods-motion-transition-focus-delay: 0ms; /** Focus outlines and glow elevation. */
+  --oods-motion-transition-focus-timing-function: cubic-bezier(0.2, 0, 0.38, 1); /** Focus outlines and glow elevation. */
+  --oods-motion-transition-chip-in-delay: 0ms; /** Chip selection and entry into filter groups. */
+  --oods-motion-transition-chip-in-timing-function: cubic-bezier(0.05, 0.7, 0.1, 1); /** Chip selection and entry into filter groups. */
+  --oods-motion-transition-chip-out-delay: 0ms; /** Chip deselection or removal. */
+  --oods-motion-transition-chip-out-timing-function: cubic-bezier(0.2, 0, 0.38, 1); /** Chip deselection or removal. */
+  --oods-motion-transition-banner-reveal-delay: 20ms; /** Banner entrance along the vertical axis. */
+  --oods-motion-transition-banner-reveal-timing-function: cubic-bezier(0.05, 0.7, 0.1, 1); /** Banner entrance along the vertical axis. */
+  --oods-motion-reduced-transition-hover-delay: 0ms; /** Hover states snap immediately when motion is reduced. */
+  --oods-motion-reduced-transition-hover-timing-function: cubic-bezier(0, 0, 1, 1); /** Hover states snap immediately when motion is reduced. */
+  --oods-motion-reduced-transition-focus-delay: 0ms; /** Focus rings become instant in reduced-motion. */
+  --oods-motion-reduced-transition-focus-timing-function: cubic-bezier(0, 0, 1, 1); /** Focus rings become instant in reduced-motion. */
+  --oods-motion-reduced-transition-chip-in-delay: 0ms; /** Chip selection occurs without momentum. */
+  --oods-motion-reduced-transition-chip-in-timing-function: cubic-bezier(0, 0, 1, 1); /** Chip selection occurs without momentum. */
+  --oods-motion-reduced-transition-chip-out-delay: 0ms; /** Chip removal happens immediately. */
+  --oods-motion-reduced-transition-chip-out-timing-function: cubic-bezier(0, 0, 1, 1); /** Chip removal happens immediately. */
+  --oods-motion-reduced-transition-banner-reveal-delay: 0ms; /** Banner reveal falls back to an instant appearance. */
+  --oods-motion-reduced-transition-banner-reveal-timing-function: cubic-bezier(0, 0, 1, 1); /** Banner reveal falls back to an instant appearance. */
+  --oods-shadow-elevation-card-offset-x: 0px; /** Baseline elevation shadow for cards and raised panels. */
+  --oods-shadow-elevation-card-offset-y: 16px; /** Baseline elevation shadow for cards and raised panels. */
+  --oods-shadow-elevation-card-blur: 40px; /** Baseline elevation shadow for cards and raised panels. */
+  --oods-shadow-elevation-card-spread: -12px; /** Baseline elevation shadow for cards and raised panels. */
+  --oods-shadow-elevation-card-color: rgba(15, 23, 42, 0.12); /** Baseline elevation shadow for cards and raised panels. */
+  --oods-shadow-elevation-overlay-offset-x: 0px; /** High elevation shadow used for overlays and dialogs. */
+  --oods-shadow-elevation-overlay-offset-y: 24px; /** High elevation shadow used for overlays and dialogs. */
+  --oods-shadow-elevation-overlay-blur: 56px; /** High elevation shadow used for overlays and dialogs. */
+  --oods-shadow-elevation-overlay-spread: -16px; /** High elevation shadow used for overlays and dialogs. */
+  --oods-shadow-elevation-overlay-color: rgba(15, 23, 42, 0.24); /** High elevation shadow used for overlays and dialogs. */
+  --oods-overlay-transition-open-delay: 0ms; /** Overlay open transition; collapses under reduced motion. */
+  --oods-overlay-transition-open-timing-function: cubic-bezier(0.2, 0, 0.38, 1); /** Overlay open transition; collapses under reduced motion. */
+  --oods-overlay-transition-close-delay: 0ms; /** Overlay close transition; collapses under reduced motion. */
+  --oods-overlay-transition-close-timing-function: cubic-bezier(0.2, 0, 0.38, 1); /** Overlay close transition; collapses under reduced motion. */
+  --sys-shadow-panel-offset-x: 0px; /** Raised-panel shadow; the card elevation from the reference shadow scale, expanded into its parts. */
+  --sys-shadow-panel-offset-y: 16px; /** Raised-panel shadow; the card elevation from the reference shadow scale, expanded into its parts. */
+  --sys-shadow-panel-blur: 40px; /** Raised-panel shadow; the card elevation from the reference shadow scale, expanded into its parts. */
+  --sys-shadow-panel-spread: -12px; /** Raised-panel shadow; the card elevation from the reference shadow scale, expanded into its parts. */
+  --sys-shadow-panel-color: rgba(15, 23, 42, 0.12); /** Raised-panel shadow; the card elevation from the reference shadow scale, expanded into its parts. */
+  --sys-shadow-overlay-offset-x: 0px; /** Overlay shadow for menus and trays; the overlay elevation from the reference shadow scale, expanded into its parts. */
+  --sys-shadow-overlay-offset-y: 24px; /** Overlay shadow for menus and trays; the overlay elevation from the reference shadow scale, expanded into its parts. */
+  --sys-shadow-overlay-blur: 56px; /** Overlay shadow for menus and trays; the overlay elevation from the reference shadow scale, expanded into its parts. */
+  --sys-shadow-overlay-spread: -16px; /** Overlay shadow for menus and trays; the overlay elevation from the reference shadow scale, expanded into its parts. */
+  --sys-shadow-overlay-color: rgba(15, 23, 42, 0.24); /** Overlay shadow for menus and trays; the overlay elevation from the reference shadow scale, expanded into its parts. */
+  --sys-motion-reduced-transition-hover-delay: 0ms; /** Reduced-motion hover transition. */
+  --sys-motion-reduced-transition-hover-timing-function: cubic-bezier(0, 0, 1, 1); /** Reduced-motion hover transition. */
+  --sys-motion-reduced-transition-focus-delay: 0ms; /** Reduced-motion focus transition. */
+  --sys-motion-reduced-transition-focus-timing-function: cubic-bezier(0, 0, 1, 1); /** Reduced-motion focus transition. */
+  --sys-motion-reduced-transition-chip-in-delay: 0ms; /** Reduced-motion chip entry transition. */
+  --sys-motion-reduced-transition-chip-in-timing-function: cubic-bezier(0, 0, 1, 1); /** Reduced-motion chip entry transition. */
+  --sys-motion-reduced-transition-chip-out-delay: 0ms; /** Reduced-motion chip exit transition. */
+  --sys-motion-reduced-transition-chip-out-timing-function: cubic-bezier(0, 0, 1, 1); /** Reduced-motion chip exit transition. */
+  --sys-motion-reduced-transition-banner-reveal-delay: 0ms; /** Reduced-motion banner reveal transition. */
+  --sys-motion-reduced-transition-banner-reveal-timing-function: cubic-bezier(0, 0, 1, 1); /** Reduced-motion banner reveal transition. */
+  --sys-motion-transition-hover-delay: 0ms; /** System hover transition for interactive affordances. */
+  --sys-motion-transition-hover-timing-function: cubic-bezier(0.2, 0, 0.38, 1); /** System hover transition for interactive affordances. */
+  --sys-motion-transition-focus-delay: 0ms; /** System focus transition for outlines/glow. */
+  --sys-motion-transition-focus-timing-function: cubic-bezier(0.2, 0, 0.38, 1); /** System focus transition for outlines/glow. */
+  --sys-motion-transition-chip-in-delay: 0ms; /** System chip entry transition. */
+  --sys-motion-transition-chip-in-timing-function: cubic-bezier(0.05, 0.7, 0.1, 1); /** System chip entry transition. */
+  --sys-motion-transition-chip-out-delay: 0ms; /** System chip exit transition. */
+  --sys-motion-transition-chip-out-timing-function: cubic-bezier(0.2, 0, 0.38, 1); /** System chip exit transition. */
+  --sys-motion-transition-banner-reveal-delay: 20ms; /** System banner reveal transition. */
+  --sys-motion-transition-banner-reveal-timing-function: cubic-bezier(0.05, 0.7, 0.1, 1); /** System banner reveal transition. */
+  --sys-text-scale-caption-text-case: uppercase; /** System caption scale. */
+  --sys-text-scale-label-md-text-case: none; /** System label medium scale. */
+  --oods-text-scale-caption-text-case: uppercase; /** Caption text for metadata, badges, and helper copy. */
+  --oods-text-scale-label-md-text-case: none; /** Form labels and actionable micro copy. */
+  --theme-dark-motion-transition-hover-delay: 0ms; /** Hover affordances across buttons, chips, and cards. */
+  --theme-dark-motion-transition-hover-timing-function: cubic-bezier(0.2, 0, 0.38, 1); /** Hover affordances across buttons, chips, and cards. */
+  --theme-dark-motion-transition-focus-delay: 0ms; /** Focus outlines and glow elevation. */
+  --theme-dark-motion-transition-focus-timing-function: cubic-bezier(0.2, 0, 0.38, 1); /** Focus outlines and glow elevation. */
+  --theme-dark-motion-transition-chip-in-delay: 0ms; /** Chip selection and entry into filter groups. */
+  --theme-dark-motion-transition-chip-in-timing-function: cubic-bezier(0.05, 0.7, 0.1, 1); /** Chip selection and entry into filter groups. */
+  --theme-dark-motion-transition-chip-out-delay: 0ms; /** Chip deselection or removal. */
+  --theme-dark-motion-transition-chip-out-timing-function: cubic-bezier(0.2, 0, 0.38, 1); /** Chip deselection or removal. */
+  --theme-dark-motion-transition-banner-reveal-delay: 20ms; /** Banner entrance along the vertical axis. */
+  --theme-dark-motion-transition-banner-reveal-timing-function: cubic-bezier(0.05, 0.7, 0.1, 1); /** Banner entrance along the vertical axis. */
+  --theme-dark-motion-reduced-transition-hover-delay: 0ms; /** Hover states snap immediately when motion is reduced. */
+  --theme-dark-motion-reduced-transition-hover-timing-function: cubic-bezier(0, 0, 1, 1); /** Hover states snap immediately when motion is reduced. */
+  --theme-dark-motion-reduced-transition-focus-delay: 0ms; /** Focus rings become instant in reduced-motion. */
+  --theme-dark-motion-reduced-transition-focus-timing-function: cubic-bezier(0, 0, 1, 1); /** Focus rings become instant in reduced-motion. */
+  --theme-dark-motion-reduced-transition-chip-in-delay: 0ms; /** Chip selection occurs without momentum. */
+  --theme-dark-motion-reduced-transition-chip-in-timing-function: cubic-bezier(0, 0, 1, 1); /** Chip selection occurs without momentum. */
+  --theme-dark-motion-reduced-transition-chip-out-delay: 0ms; /** Chip removal happens immediately. */
+  --theme-dark-motion-reduced-transition-chip-out-timing-function: cubic-bezier(0, 0, 1, 1); /** Chip removal happens immediately. */
+  --theme-dark-motion-reduced-transition-banner-reveal-delay: 0ms; /** Banner reveal falls back to an instant appearance. */
+  --theme-dark-motion-reduced-transition-banner-reveal-timing-function: cubic-bezier(0, 0, 1, 1); /** Banner reveal falls back to an instant appearance. */
+  --theme-dark-shadow-elevation-card-offset-x: 0px; /** Primary elevation for dark cards—leans on outline support with a low, cool glow. */
+  --theme-dark-shadow-elevation-card-offset-y: 18px; /** Primary elevation for dark cards—leans on outline support with a low, cool glow. */
+  --theme-dark-shadow-elevation-card-blur: 48px; /** Primary elevation for dark cards—leans on outline support with a low, cool glow. */
+  --theme-dark-shadow-elevation-card-spread: -28px; /** Primary elevation for dark cards—leans on outline support with a low, cool glow. */
+  --theme-dark-shadow-elevation-card-color: rgba(4, 10, 22, 0.48); /** Primary elevation for dark cards—leans on outline support with a low, cool glow. */
+  --theme-dark-shadow-elevation-overlay-offset-x: 0px; /** Overlay elevation tuned for modals and trays without blooming. */
+  --theme-dark-shadow-elevation-overlay-offset-y: 32px; /** Overlay elevation tuned for modals and trays without blooming. */
+  --theme-dark-shadow-elevation-overlay-blur: 68px; /** Overlay elevation tuned for modals and trays without blooming. */
+  --theme-dark-shadow-elevation-overlay-spread: -30px; /** Overlay elevation tuned for modals and trays without blooming. */
+  --theme-dark-shadow-elevation-overlay-color: rgba(8, 18, 38, 0.55); /** Overlay elevation tuned for modals and trays without blooming. */
+  --theme-motion-transition-hover-delay: 0ms;
+  --theme-motion-transition-hover-timing-function: cubic-bezier(0.2, 0, 0.38, 1);
+  --theme-motion-transition-focus-delay: 0ms;
+  --theme-motion-transition-focus-timing-function: cubic-bezier(0.2, 0, 0.38, 1);
+  --theme-motion-transition-chip-in-delay: 0ms;
+  --theme-motion-transition-chip-in-timing-function: cubic-bezier(0.05, 0.7, 0.1, 1);
+  --theme-motion-transition-chip-out-delay: 0ms;
+  --theme-motion-transition-chip-out-timing-function: cubic-bezier(0.2, 0, 0.38, 1);
+  --theme-motion-transition-banner-reveal-delay: 20ms;
+  --theme-motion-transition-banner-reveal-timing-function: cubic-bezier(0.05, 0.7, 0.1, 1);
+  --theme-motion-reduced-transition-hover-delay: 0ms;
+  --theme-motion-reduced-transition-hover-timing-function: cubic-bezier(0, 0, 1, 1);
+  --theme-motion-reduced-transition-focus-delay: 0ms;
+  --theme-motion-reduced-transition-focus-timing-function: cubic-bezier(0, 0, 1, 1);
+  --theme-motion-reduced-transition-chip-in-delay: 0ms;
+  --theme-motion-reduced-transition-chip-in-timing-function: cubic-bezier(0, 0, 1, 1);
+  --theme-motion-reduced-transition-chip-out-delay: 0ms;
+  --theme-motion-reduced-transition-chip-out-timing-function: cubic-bezier(0, 0, 1, 1);
+  --theme-motion-reduced-transition-banner-reveal-delay: 0ms;
+  --theme-motion-reduced-transition-banner-reveal-timing-function: cubic-bezier(0, 0, 1, 1);
+  --theme-shadow-elevation-card-offset-x: 0px;
+  --theme-shadow-elevation-card-offset-y: 16px;
+  --theme-shadow-elevation-card-blur: 40px;
+  --theme-shadow-elevation-card-spread: -12px;
+  --theme-shadow-elevation-card-color: rgba(15, 23, 42, 0.12);
+  --theme-shadow-elevation-overlay-offset-x: 0px;
+  --theme-shadow-elevation-overlay-offset-y: 24px;
+  --theme-shadow-elevation-overlay-blur: 56px;
+  --theme-shadow-elevation-overlay-spread: -16px;
+  --theme-shadow-elevation-overlay-color: rgba(15, 23, 42, 0.24);
+  --cmp-card-shadow-offset-x: 0px; /** Default card shadow role, expanded into its parts; component rules may override it. */
+  --cmp-card-shadow-offset-y: 16px; /** Default card shadow role, expanded into its parts; component rules may override it. */
+  --cmp-card-shadow-blur: 40px; /** Default card shadow role, expanded into its parts; component rules may override it. */
+  --cmp-card-shadow-spread: -12px; /** Default card shadow role, expanded into its parts; component rules may override it. */
+  --cmp-card-shadow-color: rgba(15, 23, 42, 0.12); /** Default card shadow role, expanded into its parts; component rules may override it. */
+  --cmp-shadow-overlay-offset-x: 0px; /** Default overlay shadow role, expanded into its parts; component rules may override it. */
+  --cmp-shadow-overlay-offset-y: 24px; /** Default overlay shadow role, expanded into its parts; component rules may override it. */
+  --cmp-shadow-overlay-blur: 56px; /** Default overlay shadow role, expanded into its parts; component rules may override it. */
+  --cmp-shadow-overlay-spread: -16px; /** Default overlay shadow role, expanded into its parts; component rules may override it. */
+  --cmp-shadow-overlay-color: rgba(15, 23, 42, 0.24); /** Default overlay shadow role, expanded into its parts; component rules may override it. */
+  --cmp-shadow-panel-offset-x: 0px; /** Default shadow panel role, expanded into its parts; component rules may override it. */
+  --cmp-shadow-panel-offset-y: 16px; /** Default shadow panel role, expanded into its parts; component rules may override it. */
+  --cmp-shadow-panel-blur: 40px; /** Default shadow panel role, expanded into its parts; component rules may override it. */
+  --cmp-shadow-panel-spread: -12px; /** Default shadow panel role, expanded into its parts; component rules may override it. */
+  --cmp-shadow-panel-color: rgba(15, 23, 42, 0.12); /** Default shadow panel role, expanded into its parts; component rules may override it. */
   --oods-viz-scale-sequential-blue-1: var(--oods-viz-scale-sequential-01); /** Sequential blue step 1 - lightest for low values. */
   --oods-viz-scale-sequential-blue-2: var(--oods-viz-scale-sequential-02); /** Sequential blue step 2. */
   --oods-viz-scale-sequential-blue-3: var(--oods-viz-scale-sequential-03); /** Sequential blue step 3. */
@@ -494,39 +536,6 @@
   --oods-viz-map-region-stroke: var(--ref-color-neutral-400); /** Region boundary stroke color for choropleth regions. */
   --oods-viz-map-region-hover-stroke: var(--ref-color-primary-500); /** Region stroke color on hover state. */
   --oods-viz-map-symbol-stroke: var(--ref-color-neutral-0); /** Symbol outline stroke for contrast on filled shapes. */
-  --oods-motion-transition-hover-duration: var(--oods-motion-duration-fast); /** Hover affordances across buttons, chips, and cards. */
-  --oods-motion-transition-hover-timing-function: var(--oods-motion-easing-standard); /** Hover affordances across buttons, chips, and cards. */
-  --oods-motion-transition-focus-duration: var(--oods-motion-duration-base); /** Focus outlines and glow elevation. */
-  --oods-motion-transition-focus-timing-function: var(--oods-motion-easing-standard); /** Focus outlines and glow elevation. */
-  --oods-motion-transition-chip-in-duration: var(--oods-motion-duration-base); /** Chip selection and entry into filter groups. */
-  --oods-motion-transition-chip-in-timing-function: var(--oods-motion-easing-emphasized); /** Chip selection and entry into filter groups. */
-  --oods-motion-transition-chip-out-duration: var(--oods-motion-duration-fast); /** Chip deselection or removal. */
-  --oods-motion-transition-chip-out-timing-function: var(--oods-motion-easing-standard); /** Chip deselection or removal. */
-  --oods-motion-transition-banner-reveal-duration: var(--oods-motion-duration-slow); /** Banner entrance along the vertical axis. */
-  --oods-motion-transition-banner-reveal-timing-function: var(--oods-motion-easing-emphasized); /** Banner entrance along the vertical axis. */
-  --oods-motion-reduced-transition-hover-duration: var(--oods-motion-reduced-duration-fast); /** Hover states snap immediately when motion is reduced. */
-  --oods-motion-reduced-transition-hover-timing-function: var(--oods-motion-easing-linear); /** Hover states snap immediately when motion is reduced. */
-  --oods-motion-reduced-transition-focus-duration: var(--oods-motion-reduced-duration-base); /** Focus rings become instant in reduced-motion. */
-  --oods-motion-reduced-transition-focus-timing-function: var(--oods-motion-easing-linear); /** Focus rings become instant in reduced-motion. */
-  --oods-motion-reduced-transition-chip-in-duration: var(--oods-motion-reduced-duration-base); /** Chip selection occurs without momentum. */
-  --oods-motion-reduced-transition-chip-in-timing-function: var(--oods-motion-easing-linear); /** Chip selection occurs without momentum. */
-  --oods-motion-reduced-transition-chip-out-duration: var(--oods-motion-reduced-duration-fast); /** Chip removal happens immediately. */
-  --oods-motion-reduced-transition-chip-out-timing-function: var(--oods-motion-easing-linear); /** Chip removal happens immediately. */
-  --oods-motion-reduced-transition-banner-reveal-duration: var(--oods-motion-reduced-duration-slow); /** Banner reveal falls back to an instant appearance. */
-  --oods-motion-reduced-transition-banner-reveal-timing-function: var(--oods-motion-easing-linear); /** Banner reveal falls back to an instant appearance. */
-  --oods-border-panel-default-width: var(--ref-border-width-hairline); /** Default border for cards and primary panels. */
-  --oods-border-panel-default-style: var(--ref-border-style-solid); /** Default border for cards and primary panels. */
-  --oods-border-panel-default-radius: var(--ref-border-radius-md); /** Default border for cards and primary panels. */
-  --oods-border-surface-default-width: var(--ref-border-width-hairline); /** Alias to panel default border. */
-  --oods-border-surface-default-style: var(--ref-border-style-solid); /** Alias to panel default border. */
-  --oods-border-surface-default-radius: var(--ref-border-radius-md); /** Alias to panel default border. */
-  --oods-border-status-critical-width: var(--ref-border-width-hairline); /** Critical status banner border with rounded corners. */
-  --oods-border-status-critical-style: var(--ref-border-style-solid); /** Critical status banner border with rounded corners. */
-  --oods-border-status-critical-radius: var(--ref-border-radius-sm); /** Critical status banner border with rounded corners. */
-  --oods-overlay-transition-open-duration: var(--oods-motion-duration-base); /** Overlay open transition; collapses under reduced motion. */
-  --oods-overlay-transition-open-timing-function: var(--oods-motion-easing-standard); /** Overlay open transition; collapses under reduced motion. */
-  --oods-overlay-transition-close-duration: var(--oods-motion-duration-base); /** Overlay close transition; collapses under reduced motion. */
-  --oods-overlay-transition-close-timing-function: var(--oods-motion-easing-standard); /** Overlay close transition; collapses under reduced motion. */
   --sys-control-gap: var(--ref-space-ramp-200); /** Semantic component geometry: control gap; ramp 200. */
   --sys-control-gap-compact: var(--ref-space-ramp-100); /** Semantic component geometry: control gap compact; ramp 100. */
   --sys-control-gap-tight: var(--ref-space-ramp-150); /** Semantic component geometry: control gap tight; ramp 150. */
@@ -576,50 +585,12 @@
   --sys-motion-reduced-duration-fast: var(--oods-motion-reduced-duration-fast); /** Reduced-motion fast duration resolves to instant. */
   --sys-motion-reduced-duration-base: var(--oods-motion-reduced-duration-base); /** Reduced-motion default duration resolves to instant. */
   --sys-motion-reduced-duration-slow: var(--oods-motion-reduced-duration-slow); /** Reduced-motion slow duration resolves to instant. */
-  --sys-motion-reduced-transition-hover-duration: var(--oods-motion-reduced-duration-fast); /** Reduced-motion hover transition. */
-  --sys-motion-reduced-transition-hover-timing-function: var(--oods-motion-easing-linear); /** Reduced-motion hover transition. */
-  --sys-motion-reduced-transition-focus-duration: var(--oods-motion-reduced-duration-base); /** Reduced-motion focus transition. */
-  --sys-motion-reduced-transition-focus-timing-function: var(--oods-motion-easing-linear); /** Reduced-motion focus transition. */
-  --sys-motion-reduced-transition-chip-in-duration: var(--oods-motion-reduced-duration-base); /** Reduced-motion chip entry transition. */
-  --sys-motion-reduced-transition-chip-in-timing-function: var(--oods-motion-easing-linear); /** Reduced-motion chip entry transition. */
-  --sys-motion-reduced-transition-chip-out-duration: var(--oods-motion-reduced-duration-fast); /** Reduced-motion chip exit transition. */
-  --sys-motion-reduced-transition-chip-out-timing-function: var(--oods-motion-easing-linear); /** Reduced-motion chip exit transition. */
-  --sys-motion-reduced-transition-banner-reveal-duration: var(--oods-motion-reduced-duration-slow); /** Reduced-motion banner reveal transition. */
-  --sys-motion-reduced-transition-banner-reveal-timing-function: var(--oods-motion-easing-linear); /** Reduced-motion banner reveal transition. */
   --sys-motion-easing-standard: var(--oods-motion-easing-standard); /** System standard easing curve. */
   --sys-motion-easing-emphasized: var(--oods-motion-easing-emphasized); /** System emphasized easing curve. */
   --sys-motion-easing-linear: var(--oods-motion-easing-linear); /** System linear easing curve for reduced motion. */
-  --sys-motion-transition-hover-duration: var(--oods-motion-duration-fast); /** System hover transition for interactive affordances. */
-  --sys-motion-transition-hover-timing-function: var(--oods-motion-easing-standard); /** System hover transition for interactive affordances. */
-  --sys-motion-transition-focus-duration: var(--oods-motion-duration-base); /** System focus transition for outlines/glow. */
-  --sys-motion-transition-focus-timing-function: var(--oods-motion-easing-standard); /** System focus transition for outlines/glow. */
-  --sys-motion-transition-chip-in-duration: var(--oods-motion-duration-base); /** System chip entry transition. */
-  --sys-motion-transition-chip-in-timing-function: var(--oods-motion-easing-emphasized); /** System chip entry transition. */
-  --sys-motion-transition-chip-out-duration: var(--oods-motion-duration-fast); /** System chip exit transition. */
-  --sys-motion-transition-chip-out-timing-function: var(--oods-motion-easing-standard); /** System chip exit transition. */
-  --sys-motion-transition-banner-reveal-duration: var(--oods-motion-duration-slow); /** System banner reveal transition. */
-  --sys-motion-transition-banner-reveal-timing-function: var(--oods-motion-easing-emphasized); /** System banner reveal transition. */
   --sys-surface-interactive-primary-default: var(--theme-surface-interactive-primary-default); /** Primary interactive surface default state. */
   --sys-surface-interactive-primary-hover: var(--theme-surface-interactive-primary-hover); /** Primary interactive surface hover state. */
   --sys-surface-interactive-primary-pressed: var(--theme-surface-interactive-primary-pressed); /** Primary interactive surface pressed state. */
-  --sys-text-scale-caption-font-family: var(--ref-typography-families-sans); /** System caption scale. */
-  --sys-text-scale-caption-font-weight: var(--ref-typography-weights-medium); /** System caption scale. */
-  --sys-text-scale-caption-font-size: var(--ref-typography-sizes-xs); /** System caption scale. */
-  --sys-text-scale-label-md-font-family: var(--ref-typography-families-sans); /** System label medium scale. */
-  --sys-text-scale-label-md-font-weight: var(--ref-typography-weights-semibold); /** System label medium scale. */
-  --sys-text-scale-label-md-font-size: var(--ref-typography-sizes-sm); /** System label medium scale. */
-  --sys-text-scale-body-sm-font-family: var(--ref-typography-families-sans); /** System compact body scale. */
-  --sys-text-scale-body-sm-font-weight: var(--ref-typography-weights-regular); /** System compact body scale. */
-  --sys-text-scale-body-sm-font-size: var(--ref-typography-sizes-sm); /** System compact body scale. */
-  --sys-text-scale-body-md-font-family: var(--ref-typography-families-sans); /** System default body scale. */
-  --sys-text-scale-body-md-font-weight: var(--ref-typography-weights-regular); /** System default body scale. */
-  --sys-text-scale-body-md-font-size: var(--ref-typography-sizes-md); /** System default body scale. */
-  --sys-text-scale-heading-lg-font-family: var(--ref-typography-families-sans); /** System large heading scale. */
-  --sys-text-scale-heading-lg-font-weight: var(--ref-typography-weights-semibold); /** System large heading scale. */
-  --sys-text-scale-heading-lg-font-size: var(--ref-typography-sizes-xl); /** System large heading scale. */
-  --sys-text-scale-heading-xl-font-family: var(--ref-typography-families-sans); /** System extra-large heading scale. */
-  --sys-text-scale-heading-xl-font-weight: var(--ref-typography-weights-bold); /** System extra-large heading scale. */
-  --sys-text-scale-heading-xl-font-size: var(--ref-typography-sizes-xxl); /** System extra-large heading scale. */
   --sys-text-size-sm: var(--ref-typography-sizes-sm); /** Small font scalar; seeds the size.font contract. Intentionally aliases ref directly (no theme/text mid-tier) — accepted asymmetry vs the spacing chain because font is seeded-not-consumed (Button-only). Do not 'fix' into a break. */
   --sys-text-size-md: var(--ref-typography-sizes-md); /** Medium font scalar; seeds the size.font contract. Intentionally aliases ref directly (no theme/text mid-tier) — accepted asymmetry vs the spacing chain because font is seeded-not-consumed (Button-only). Do not 'fix' into a break. */
   --sys-text-size-lg: var(--ref-typography-sizes-lg); /** Large font scalar; seeds the size.font contract. Intentionally aliases ref directly (no theme/text mid-tier) — accepted asymmetry vs the spacing chain because font is seeded-not-consumed (Button-only). Do not 'fix' into a break. */
@@ -630,44 +601,6 @@
   --oods-text-letter-spacing-tight: var(--ref-typography-letter-spacing-tight); /** Tight tracking for display headings. */
   --oods-text-letter-spacing-default: var(--ref-typography-letter-spacing-default); /** Neutral tracking. */
   --oods-text-letter-spacing-wide: var(--ref-typography-letter-spacing-wide); /** Wide tracking for uppercase or caption text. */
-  --oods-text-scale-caption-font-family: var(--ref-typography-families-sans); /** Caption text for metadata, badges, and helper copy. */
-  --oods-text-scale-caption-font-weight: var(--ref-typography-weights-medium); /** Caption text for metadata, badges, and helper copy. */
-  --oods-text-scale-caption-font-size: var(--ref-typography-sizes-xs); /** Caption text for metadata, badges, and helper copy. */
-  --oods-text-scale-label-md-font-family: var(--ref-typography-families-sans); /** Form labels and actionable micro copy. */
-  --oods-text-scale-label-md-font-weight: var(--ref-typography-weights-semibold); /** Form labels and actionable micro copy. */
-  --oods-text-scale-label-md-font-size: var(--ref-typography-sizes-sm); /** Form labels and actionable micro copy. */
-  --oods-text-scale-body-sm-font-family: var(--ref-typography-families-sans); /** Compact body text for dense list views. */
-  --oods-text-scale-body-sm-font-weight: var(--ref-typography-weights-regular); /** Compact body text for dense list views. */
-  --oods-text-scale-body-sm-font-size: var(--ref-typography-sizes-sm); /** Compact body text for dense list views. */
-  --oods-text-scale-body-md-font-family: var(--ref-typography-families-sans); /** Primary body copy for detail reading. */
-  --oods-text-scale-body-md-font-weight: var(--ref-typography-weights-regular); /** Primary body copy for detail reading. */
-  --oods-text-scale-body-md-font-size: var(--ref-typography-sizes-md); /** Primary body copy for detail reading. */
-  --oods-text-scale-heading-lg-font-family: var(--ref-typography-families-sans); /** Major section headings and card titles. */
-  --oods-text-scale-heading-lg-font-weight: var(--ref-typography-weights-semibold); /** Major section headings and card titles. */
-  --oods-text-scale-heading-lg-font-size: var(--ref-typography-sizes-xl); /** Major section headings and card titles. */
-  --oods-text-scale-heading-xl-font-family: var(--ref-typography-families-sans); /** Page-level hero headings. */
-  --oods-text-scale-heading-xl-font-weight: var(--ref-typography-weights-bold); /** Page-level hero headings. */
-  --oods-text-scale-heading-xl-font-size: var(--ref-typography-sizes-xxl); /** Page-level hero headings. */
-  --theme-dark-motion-transition-hover-duration: var(--theme-dark-motion-duration-fast); /** Hover affordances across buttons, chips, and cards. */
-  --theme-dark-motion-transition-hover-timing-function: var(--theme-dark-motion-easing-standard); /** Hover affordances across buttons, chips, and cards. */
-  --theme-dark-motion-transition-focus-duration: var(--theme-dark-motion-duration-base); /** Focus outlines and glow elevation. */
-  --theme-dark-motion-transition-focus-timing-function: var(--theme-dark-motion-easing-standard); /** Focus outlines and glow elevation. */
-  --theme-dark-motion-transition-chip-in-duration: var(--theme-dark-motion-duration-base); /** Chip selection and entry into filter groups. */
-  --theme-dark-motion-transition-chip-in-timing-function: var(--theme-dark-motion-easing-emphasized); /** Chip selection and entry into filter groups. */
-  --theme-dark-motion-transition-chip-out-duration: var(--theme-dark-motion-duration-fast); /** Chip deselection or removal. */
-  --theme-dark-motion-transition-chip-out-timing-function: var(--theme-dark-motion-easing-standard); /** Chip deselection or removal. */
-  --theme-dark-motion-transition-banner-reveal-duration: var(--theme-dark-motion-duration-slow); /** Banner entrance along the vertical axis. */
-  --theme-dark-motion-transition-banner-reveal-timing-function: var(--theme-dark-motion-easing-emphasized); /** Banner entrance along the vertical axis. */
-  --theme-dark-motion-reduced-transition-hover-duration: var(--theme-dark-motion-reduced-duration-fast); /** Hover states snap immediately when motion is reduced. */
-  --theme-dark-motion-reduced-transition-hover-timing-function: var(--theme-dark-motion-easing-linear); /** Hover states snap immediately when motion is reduced. */
-  --theme-dark-motion-reduced-transition-focus-duration: var(--theme-dark-motion-reduced-duration-base); /** Focus rings become instant in reduced-motion. */
-  --theme-dark-motion-reduced-transition-focus-timing-function: var(--theme-dark-motion-easing-linear); /** Focus rings become instant in reduced-motion. */
-  --theme-dark-motion-reduced-transition-chip-in-duration: var(--theme-dark-motion-reduced-duration-base); /** Chip selection occurs without momentum. */
-  --theme-dark-motion-reduced-transition-chip-in-timing-function: var(--theme-dark-motion-easing-linear); /** Chip selection occurs without momentum. */
-  --theme-dark-motion-reduced-transition-chip-out-duration: var(--theme-dark-motion-reduced-duration-fast); /** Chip removal happens immediately. */
-  --theme-dark-motion-reduced-transition-chip-out-timing-function: var(--theme-dark-motion-easing-linear); /** Chip removal happens immediately. */
-  --theme-dark-motion-reduced-transition-banner-reveal-duration: var(--theme-dark-motion-reduced-duration-slow); /** Banner reveal falls back to an instant appearance. */
-  --theme-dark-motion-reduced-transition-banner-reveal-timing-function: var(--theme-dark-motion-easing-linear); /** Banner reveal falls back to an instant appearance. */
   --theme-dark-space-inset-compact: var(--ref-space-inset-compact); /** Dark theme compact inset spacing matches light for parity. */
   --theme-dark-space-inset-default: var(--ref-space-inset-default); /** Default inset padding shared across themes. */
   --theme-dark-space-stack-compact: var(--ref-space-stack-compact); /** Compact vertical rhythm retained from base spacing. */
@@ -686,29 +619,9 @@
   --theme-motion-easing-standard: var(--oods-motion-easing-standard);
   --theme-motion-easing-emphasized: var(--oods-motion-easing-emphasized);
   --theme-motion-easing-linear: var(--oods-motion-easing-linear);
-  --theme-motion-transition-hover-duration: var(--oods-motion-duration-fast);
-  --theme-motion-transition-hover-timing-function: var(--oods-motion-easing-standard);
-  --theme-motion-transition-focus-duration: var(--oods-motion-duration-base);
-  --theme-motion-transition-focus-timing-function: var(--oods-motion-easing-standard);
-  --theme-motion-transition-chip-in-duration: var(--oods-motion-duration-base);
-  --theme-motion-transition-chip-in-timing-function: var(--oods-motion-easing-emphasized);
-  --theme-motion-transition-chip-out-duration: var(--oods-motion-duration-fast);
-  --theme-motion-transition-chip-out-timing-function: var(--oods-motion-easing-standard);
-  --theme-motion-transition-banner-reveal-duration: var(--oods-motion-duration-slow);
-  --theme-motion-transition-banner-reveal-timing-function: var(--oods-motion-easing-emphasized);
   --theme-motion-reduced-duration-fast: var(--oods-motion-reduced-duration-fast);
   --theme-motion-reduced-duration-base: var(--oods-motion-reduced-duration-base);
   --theme-motion-reduced-duration-slow: var(--oods-motion-reduced-duration-slow);
-  --theme-motion-reduced-transition-hover-duration: var(--oods-motion-reduced-duration-fast);
-  --theme-motion-reduced-transition-hover-timing-function: var(--oods-motion-easing-linear);
-  --theme-motion-reduced-transition-focus-duration: var(--oods-motion-reduced-duration-base);
-  --theme-motion-reduced-transition-focus-timing-function: var(--oods-motion-easing-linear);
-  --theme-motion-reduced-transition-chip-in-duration: var(--oods-motion-reduced-duration-base);
-  --theme-motion-reduced-transition-chip-in-timing-function: var(--oods-motion-easing-linear);
-  --theme-motion-reduced-transition-chip-out-duration: var(--oods-motion-reduced-duration-fast);
-  --theme-motion-reduced-transition-chip-out-timing-function: var(--oods-motion-easing-linear);
-  --theme-motion-reduced-transition-banner-reveal-duration: var(--oods-motion-reduced-duration-slow);
-  --theme-motion-reduced-transition-banner-reveal-timing-function: var(--oods-motion-easing-linear);
   --theme-space-inset-compact: var(--ref-space-inset-compact); /** Compact padding for dense layouts in Theme 0. */
   --theme-space-inset-default: var(--ref-space-inset-default); /** Default padding for spacious layouts in Theme 0. */
   --theme-space-stack-compact: var(--ref-space-stack-compact); /** Tight vertical rhythm in Theme 0. */
@@ -804,9 +717,93 @@
   --oods-brand-b-status-critical-text: var(--oods-color-brand-b-status-critical-text); /** Alias for Brand B critical text. */
   --oods-brand-b-status-neutral-surface: var(--oods-color-brand-b-status-neutral-surface); /** Alias for Brand B neutral surface. */
   --oods-brand-b-status-neutral-text: var(--oods-color-brand-b-status-neutral-text); /** Alias for Brand B neutral text. */
-  --oods-border-panel-default-color: var(--theme-border-subtle); /** Default border for cards and primary panels. */
-  --oods-border-surface-default-color: var(--theme-border-subtle); /** Alias to panel default border. */
-  --oods-border-status-critical-color: var(--theme-status-critical-border); /** Critical status banner border with rounded corners. */
+  --oods-motion-transition-hover-duration: var(--oods-motion-duration-fast); /** Hover affordances across buttons, chips, and cards. */
+  --oods-motion-transition-focus-duration: var(--oods-motion-duration-base); /** Focus outlines and glow elevation. */
+  --oods-motion-transition-chip-in-duration: var(--oods-motion-duration-base); /** Chip selection and entry into filter groups. */
+  --oods-motion-transition-chip-out-duration: var(--oods-motion-duration-fast); /** Chip deselection or removal. */
+  --oods-motion-transition-banner-reveal-duration: var(--oods-motion-duration-slow); /** Banner entrance along the vertical axis. */
+  --oods-motion-reduced-transition-hover-duration: var(--oods-motion-reduced-duration-fast); /** Hover states snap immediately when motion is reduced. */
+  --oods-motion-reduced-transition-focus-duration: var(--oods-motion-reduced-duration-base); /** Focus rings become instant in reduced-motion. */
+  --oods-motion-reduced-transition-chip-in-duration: var(--oods-motion-reduced-duration-base); /** Chip selection occurs without momentum. */
+  --oods-motion-reduced-transition-chip-out-duration: var(--oods-motion-reduced-duration-fast); /** Chip removal happens immediately. */
+  --oods-motion-reduced-transition-banner-reveal-duration: var(--oods-motion-reduced-duration-slow); /** Banner reveal falls back to an instant appearance. */
+  --oods-border-panel-default-width: var(--ref-border-width-hairline); /** Default border for cards and primary panels. */
+  --oods-border-panel-default-style: var(--ref-border-style-solid); /** Default border for cards and primary panels. */
+  --oods-border-panel-default-radius: var(--ref-border-radius-md); /** Default border for cards and primary panels. */
+  --oods-border-surface-default-width: var(--ref-border-width-hairline); /** Alias to panel default border. */
+  --oods-border-surface-default-style: var(--ref-border-style-solid); /** Alias to panel default border. */
+  --oods-border-surface-default-radius: var(--ref-border-radius-md); /** Alias to panel default border. */
+  --oods-border-status-critical-width: var(--ref-border-width-hairline); /** Critical status banner border with rounded corners. */
+  --oods-border-status-critical-style: var(--ref-border-style-solid); /** Critical status banner border with rounded corners. */
+  --oods-border-status-critical-radius: var(--ref-border-radius-sm); /** Critical status banner border with rounded corners. */
+  --oods-overlay-transition-open-duration: var(--oods-motion-duration-base); /** Overlay open transition; collapses under reduced motion. */
+  --oods-overlay-transition-close-duration: var(--oods-motion-duration-base); /** Overlay close transition; collapses under reduced motion. */
+  --sys-motion-reduced-transition-hover-duration: var(--oods-motion-reduced-duration-fast); /** Reduced-motion hover transition. */
+  --sys-motion-reduced-transition-focus-duration: var(--oods-motion-reduced-duration-base); /** Reduced-motion focus transition. */
+  --sys-motion-reduced-transition-chip-in-duration: var(--oods-motion-reduced-duration-base); /** Reduced-motion chip entry transition. */
+  --sys-motion-reduced-transition-chip-out-duration: var(--oods-motion-reduced-duration-fast); /** Reduced-motion chip exit transition. */
+  --sys-motion-reduced-transition-banner-reveal-duration: var(--oods-motion-reduced-duration-slow); /** Reduced-motion banner reveal transition. */
+  --sys-motion-transition-hover-duration: var(--oods-motion-duration-fast); /** System hover transition for interactive affordances. */
+  --sys-motion-transition-focus-duration: var(--oods-motion-duration-base); /** System focus transition for outlines/glow. */
+  --sys-motion-transition-chip-in-duration: var(--oods-motion-duration-base); /** System chip entry transition. */
+  --sys-motion-transition-chip-out-duration: var(--oods-motion-duration-fast); /** System chip exit transition. */
+  --sys-motion-transition-banner-reveal-duration: var(--oods-motion-duration-slow); /** System banner reveal transition. */
+  --sys-text-scale-caption-font-family: var(--ref-typography-families-sans); /** System caption scale. */
+  --sys-text-scale-caption-font-weight: var(--ref-typography-weights-medium); /** System caption scale. */
+  --sys-text-scale-caption-font-size: var(--ref-typography-sizes-xs); /** System caption scale. */
+  --sys-text-scale-label-md-font-family: var(--ref-typography-families-sans); /** System label medium scale. */
+  --sys-text-scale-label-md-font-weight: var(--ref-typography-weights-semibold); /** System label medium scale. */
+  --sys-text-scale-label-md-font-size: var(--ref-typography-sizes-sm); /** System label medium scale. */
+  --sys-text-scale-body-sm-font-family: var(--ref-typography-families-sans); /** System compact body scale. */
+  --sys-text-scale-body-sm-font-weight: var(--ref-typography-weights-regular); /** System compact body scale. */
+  --sys-text-scale-body-sm-font-size: var(--ref-typography-sizes-sm); /** System compact body scale. */
+  --sys-text-scale-body-md-font-family: var(--ref-typography-families-sans); /** System default body scale. */
+  --sys-text-scale-body-md-font-weight: var(--ref-typography-weights-regular); /** System default body scale. */
+  --sys-text-scale-body-md-font-size: var(--ref-typography-sizes-md); /** System default body scale. */
+  --sys-text-scale-heading-lg-font-family: var(--ref-typography-families-sans); /** System large heading scale. */
+  --sys-text-scale-heading-lg-font-weight: var(--ref-typography-weights-semibold); /** System large heading scale. */
+  --sys-text-scale-heading-lg-font-size: var(--ref-typography-sizes-xl); /** System large heading scale. */
+  --sys-text-scale-heading-xl-font-family: var(--ref-typography-families-sans); /** System extra-large heading scale. */
+  --sys-text-scale-heading-xl-font-weight: var(--ref-typography-weights-bold); /** System extra-large heading scale. */
+  --sys-text-scale-heading-xl-font-size: var(--ref-typography-sizes-xxl); /** System extra-large heading scale. */
+  --oods-text-scale-caption-font-family: var(--ref-typography-families-sans); /** Caption text for metadata, badges, and helper copy. */
+  --oods-text-scale-caption-font-weight: var(--ref-typography-weights-medium); /** Caption text for metadata, badges, and helper copy. */
+  --oods-text-scale-caption-font-size: var(--ref-typography-sizes-xs); /** Caption text for metadata, badges, and helper copy. */
+  --oods-text-scale-label-md-font-family: var(--ref-typography-families-sans); /** Form labels and actionable micro copy. */
+  --oods-text-scale-label-md-font-weight: var(--ref-typography-weights-semibold); /** Form labels and actionable micro copy. */
+  --oods-text-scale-label-md-font-size: var(--ref-typography-sizes-sm); /** Form labels and actionable micro copy. */
+  --oods-text-scale-body-sm-font-family: var(--ref-typography-families-sans); /** Compact body text for dense list views. */
+  --oods-text-scale-body-sm-font-weight: var(--ref-typography-weights-regular); /** Compact body text for dense list views. */
+  --oods-text-scale-body-sm-font-size: var(--ref-typography-sizes-sm); /** Compact body text for dense list views. */
+  --oods-text-scale-body-md-font-family: var(--ref-typography-families-sans); /** Primary body copy for detail reading. */
+  --oods-text-scale-body-md-font-weight: var(--ref-typography-weights-regular); /** Primary body copy for detail reading. */
+  --oods-text-scale-body-md-font-size: var(--ref-typography-sizes-md); /** Primary body copy for detail reading. */
+  --oods-text-scale-heading-lg-font-family: var(--ref-typography-families-sans); /** Major section headings and card titles. */
+  --oods-text-scale-heading-lg-font-weight: var(--ref-typography-weights-semibold); /** Major section headings and card titles. */
+  --oods-text-scale-heading-lg-font-size: var(--ref-typography-sizes-xl); /** Major section headings and card titles. */
+  --oods-text-scale-heading-xl-font-family: var(--ref-typography-families-sans); /** Page-level hero headings. */
+  --oods-text-scale-heading-xl-font-weight: var(--ref-typography-weights-bold); /** Page-level hero headings. */
+  --oods-text-scale-heading-xl-font-size: var(--ref-typography-sizes-xxl); /** Page-level hero headings. */
+  --theme-dark-motion-transition-hover-duration: var(--theme-dark-motion-duration-fast); /** Hover affordances across buttons, chips, and cards. */
+  --theme-dark-motion-transition-focus-duration: var(--theme-dark-motion-duration-base); /** Focus outlines and glow elevation. */
+  --theme-dark-motion-transition-chip-in-duration: var(--theme-dark-motion-duration-base); /** Chip selection and entry into filter groups. */
+  --theme-dark-motion-transition-chip-out-duration: var(--theme-dark-motion-duration-fast); /** Chip deselection or removal. */
+  --theme-dark-motion-transition-banner-reveal-duration: var(--theme-dark-motion-duration-slow); /** Banner entrance along the vertical axis. */
+  --theme-dark-motion-reduced-transition-hover-duration: var(--theme-dark-motion-reduced-duration-fast); /** Hover states snap immediately when motion is reduced. */
+  --theme-dark-motion-reduced-transition-focus-duration: var(--theme-dark-motion-reduced-duration-base); /** Focus rings become instant in reduced-motion. */
+  --theme-dark-motion-reduced-transition-chip-in-duration: var(--theme-dark-motion-reduced-duration-base); /** Chip selection occurs without momentum. */
+  --theme-dark-motion-reduced-transition-chip-out-duration: var(--theme-dark-motion-reduced-duration-fast); /** Chip removal happens immediately. */
+  --theme-dark-motion-reduced-transition-banner-reveal-duration: var(--theme-dark-motion-reduced-duration-slow); /** Banner reveal falls back to an instant appearance. */
+  --theme-motion-transition-hover-duration: var(--oods-motion-duration-fast);
+  --theme-motion-transition-focus-duration: var(--oods-motion-duration-base);
+  --theme-motion-transition-chip-in-duration: var(--oods-motion-duration-base);
+  --theme-motion-transition-chip-out-duration: var(--oods-motion-duration-fast);
+  --theme-motion-transition-banner-reveal-duration: var(--oods-motion-duration-slow);
+  --theme-motion-reduced-transition-hover-duration: var(--oods-motion-reduced-duration-fast);
+  --theme-motion-reduced-transition-focus-duration: var(--oods-motion-reduced-duration-base);
+  --theme-motion-reduced-transition-chip-in-duration: var(--oods-motion-reduced-duration-base);
+  --theme-motion-reduced-transition-chip-out-duration: var(--oods-motion-reduced-duration-fast);
+  --theme-motion-reduced-transition-banner-reveal-duration: var(--oods-motion-reduced-duration-slow);
   --oods-size-font-sm: var(--sys-text-size-sm); /** Small font scalar; emits --oods-size-font-sm. Seeded NOT consumed (Button-only seed has no font-size). */
   --oods-size-font-md: var(--sys-text-size-md); /** Medium font scalar; emits --oods-size-font-md. Seeded NOT consumed (Button-only seed has no font-size). */
   --oods-size-font-lg: var(--sys-text-size-lg); /** Large font scalar; emits --oods-size-font-lg. Seeded NOT consumed (Button-only seed has no font-size). */
@@ -880,33 +877,9 @@
   --sys-text-line-height-standard: var(--oods-text-line-height-standard); /** System line-height for general UI copy. */
   --sys-text-line-height-relaxed: var(--oods-text-line-height-relaxed); /** System line-height for spacious compositions. */
   --sys-text-line-height-loose: var(--oods-text-line-height-loose); /** System line-height for long-form reading. */
-  --sys-text-scale-caption-line-height: var(--oods-text-line-height-standard); /** System caption scale. */
-  --sys-text-scale-caption-letter-spacing: var(--oods-text-letter-spacing-wide); /** System caption scale. */
-  --sys-text-scale-label-md-line-height: var(--oods-text-line-height-standard); /** System label medium scale. */
-  --sys-text-scale-label-md-letter-spacing: var(--oods-text-letter-spacing-default); /** System label medium scale. */
-  --sys-text-scale-body-sm-line-height: var(--oods-text-line-height-relaxed); /** System compact body scale. */
-  --sys-text-scale-body-sm-letter-spacing: var(--oods-text-letter-spacing-default); /** System compact body scale. */
-  --sys-text-scale-body-md-line-height: var(--oods-text-line-height-relaxed); /** System default body scale. */
-  --sys-text-scale-body-md-letter-spacing: var(--oods-text-letter-spacing-default); /** System default body scale. */
-  --sys-text-scale-heading-lg-line-height: var(--oods-text-line-height-tight); /** System large heading scale. */
-  --sys-text-scale-heading-lg-letter-spacing: var(--oods-text-letter-spacing-tight); /** System large heading scale. */
-  --sys-text-scale-heading-xl-line-height: var(--oods-text-line-height-tight); /** System extra-large heading scale. */
-  --sys-text-scale-heading-xl-letter-spacing: var(--oods-text-letter-spacing-tight); /** System extra-large heading scale. */
   --sys-icon-primary: var(--theme-icon-primary); /** Primary icon colour. */
   --sys-icon-muted: var(--theme-icon-muted); /** Muted icon colour. */
   --sys-icon-on-interactive: var(--theme-icon-on-interactive); /** Icon colour on primary interactive surfaces. */
-  --oods-text-scale-caption-line-height: var(--oods-text-line-height-standard); /** Caption text for metadata, badges, and helper copy. */
-  --oods-text-scale-caption-letter-spacing: var(--oods-text-letter-spacing-wide); /** Caption text for metadata, badges, and helper copy. */
-  --oods-text-scale-label-md-line-height: var(--oods-text-line-height-standard); /** Form labels and actionable micro copy. */
-  --oods-text-scale-label-md-letter-spacing: var(--oods-text-letter-spacing-default); /** Form labels and actionable micro copy. */
-  --oods-text-scale-body-sm-line-height: var(--oods-text-line-height-relaxed); /** Compact body text for dense list views. */
-  --oods-text-scale-body-sm-letter-spacing: var(--oods-text-letter-spacing-default); /** Compact body text for dense list views. */
-  --oods-text-scale-body-md-line-height: var(--oods-text-line-height-relaxed); /** Primary body copy for detail reading. */
-  --oods-text-scale-body-md-letter-spacing: var(--oods-text-letter-spacing-default); /** Primary body copy for detail reading. */
-  --oods-text-scale-heading-lg-line-height: var(--oods-text-line-height-tight); /** Major section headings and card titles. */
-  --oods-text-scale-heading-lg-letter-spacing: var(--oods-text-letter-spacing-tight); /** Major section headings and card titles. */
-  --oods-text-scale-heading-xl-line-height: var(--oods-text-line-height-tight); /** Page-level hero headings. */
-  --oods-text-scale-heading-xl-letter-spacing: var(--oods-text-letter-spacing-tight); /** Page-level hero headings. */
   --cmp-badge-font-size: var(--sys-text-size-sm); /** Default badge font size role; component rules may override it. */
   --cmp-badge-font-weight: var(--sys-text-weight-semibold); /** Default badge font weight role; component rules may override it. */
   --cmp-badge-gap: var(--sys-control-gap-compact); /** Default badge gap role; component rules may override it. */
@@ -961,6 +934,33 @@
   --cmp-tabs-padding-inline: var(--sys-tab-padding-inline-md); /** Default tabs padding inline role; component rules may override it. */
   --cmp-tabs-padding-inline-lg: var(--sys-tab-padding-inline-lg); /** Large tabs padding inline role; component rules may override it. */
   --cmp-tabs-padding-inline-sm: var(--sys-tab-padding-inline-sm); /** Small tabs padding inline role; component rules may override it. */
+  --oods-border-panel-default-color: var(--theme-border-subtle); /** Default border for cards and primary panels. */
+  --oods-border-surface-default-color: var(--theme-border-subtle); /** Alias to panel default border. */
+  --oods-border-status-critical-color: var(--theme-status-critical-border); /** Critical status banner border with rounded corners. */
+  --sys-text-scale-caption-line-height: var(--oods-text-line-height-standard); /** System caption scale. */
+  --sys-text-scale-caption-letter-spacing: var(--oods-text-letter-spacing-wide); /** System caption scale. */
+  --sys-text-scale-label-md-line-height: var(--oods-text-line-height-standard); /** System label medium scale. */
+  --sys-text-scale-label-md-letter-spacing: var(--oods-text-letter-spacing-default); /** System label medium scale. */
+  --sys-text-scale-body-sm-line-height: var(--oods-text-line-height-relaxed); /** System compact body scale. */
+  --sys-text-scale-body-sm-letter-spacing: var(--oods-text-letter-spacing-default); /** System compact body scale. */
+  --sys-text-scale-body-md-line-height: var(--oods-text-line-height-relaxed); /** System default body scale. */
+  --sys-text-scale-body-md-letter-spacing: var(--oods-text-letter-spacing-default); /** System default body scale. */
+  --sys-text-scale-heading-lg-line-height: var(--oods-text-line-height-tight); /** System large heading scale. */
+  --sys-text-scale-heading-lg-letter-spacing: var(--oods-text-letter-spacing-tight); /** System large heading scale. */
+  --sys-text-scale-heading-xl-line-height: var(--oods-text-line-height-tight); /** System extra-large heading scale. */
+  --sys-text-scale-heading-xl-letter-spacing: var(--oods-text-letter-spacing-tight); /** System extra-large heading scale. */
+  --oods-text-scale-caption-line-height: var(--oods-text-line-height-standard); /** Caption text for metadata, badges, and helper copy. */
+  --oods-text-scale-caption-letter-spacing: var(--oods-text-letter-spacing-wide); /** Caption text for metadata, badges, and helper copy. */
+  --oods-text-scale-label-md-line-height: var(--oods-text-line-height-standard); /** Form labels and actionable micro copy. */
+  --oods-text-scale-label-md-letter-spacing: var(--oods-text-letter-spacing-default); /** Form labels and actionable micro copy. */
+  --oods-text-scale-body-sm-line-height: var(--oods-text-line-height-relaxed); /** Compact body text for dense list views. */
+  --oods-text-scale-body-sm-letter-spacing: var(--oods-text-letter-spacing-default); /** Compact body text for dense list views. */
+  --oods-text-scale-body-md-line-height: var(--oods-text-line-height-relaxed); /** Primary body copy for detail reading. */
+  --oods-text-scale-body-md-letter-spacing: var(--oods-text-letter-spacing-default); /** Primary body copy for detail reading. */
+  --oods-text-scale-heading-lg-line-height: var(--oods-text-line-height-tight); /** Major section headings and card titles. */
+  --oods-text-scale-heading-lg-letter-spacing: var(--oods-text-letter-spacing-tight); /** Major section headings and card titles. */
+  --oods-text-scale-heading-xl-line-height: var(--oods-text-line-height-tight); /** Page-level hero headings. */
+  --oods-text-scale-heading-xl-letter-spacing: var(--oods-text-letter-spacing-tight); /** Page-level hero headings. */
   --oods-viz-margin-tight: var(--sys-space-inset-compact); /** Tight chart margin referencing system inset compact. */
   --oods-viz-margin-default: var(--sys-space-inline-sm); /** Default chart margin referencing inline small spacing. */
   --oods-viz-margin-roomy: var(--sys-space-stack-default); /** Roomy chart margin referencing stack default spacing. */