@dialpad/dialtone-tokens 1.33.0 → 1.34.1

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 (56) hide show
  1. package/dist/android/java/tokens-dp-dark.kt +2 -0
  2. package/dist/android/java/tokens-dp-light.kt +2 -0
  3. package/dist/android/java/tokens-expressive-dark.kt +2 -0
  4. package/dist/android/java/tokens-expressive-light.kt +2 -0
  5. package/dist/android/java/tokens-expressive-sm-dark.kt +2 -0
  6. package/dist/android/java/tokens-expressive-sm-light.kt +2 -0
  7. package/dist/android/java/tokens-tmo-dark.kt +2 -0
  8. package/dist/android/java/tokens-tmo-light.kt +2 -0
  9. package/dist/android/res/values/colors-dp-dark.xml +2 -0
  10. package/dist/android/res/values/colors-dp-light.xml +2 -0
  11. package/dist/android/res/values/colors-expressive-dark.xml +2 -0
  12. package/dist/android/res/values/colors-expressive-light.xml +2 -0
  13. package/dist/android/res/values/colors-expressive-sm-dark.xml +2 -0
  14. package/dist/android/res/values/colors-expressive-sm-light.xml +2 -0
  15. package/dist/android/res/values/colors-tmo-dark.xml +2 -0
  16. package/dist/android/res/values/colors-tmo-light.xml +2 -0
  17. package/dist/css/tokens-base-dark.css +5 -5
  18. package/dist/css/tokens-base-light.css +5 -5
  19. package/dist/css/tokens-dp-dark.css +56 -44
  20. package/dist/css/tokens-dp-light.css +56 -44
  21. package/dist/css/tokens-expressive-dark.css +62 -50
  22. package/dist/css/tokens-expressive-light.css +62 -50
  23. package/dist/css/tokens-expressive-sm-dark.css +62 -50
  24. package/dist/css/tokens-expressive-sm-light.css +62 -50
  25. package/dist/css/tokens-tmo-dark.css +56 -44
  26. package/dist/css/tokens-tmo-light.css +56 -44
  27. package/dist/doc.json +18838 -18486
  28. package/dist/ios/tokens-dp-dark.swift +2 -0
  29. package/dist/ios/tokens-dp-light.swift +2 -0
  30. package/dist/ios/tokens-expressive-dark.swift +2 -0
  31. package/dist/ios/tokens-expressive-light.swift +2 -0
  32. package/dist/ios/tokens-expressive-sm-dark.swift +2 -0
  33. package/dist/ios/tokens-expressive-sm-light.swift +2 -0
  34. package/dist/ios/tokens-tmo-dark.swift +2 -0
  35. package/dist/ios/tokens-tmo-light.swift +2 -0
  36. package/dist/less/tokens-base-dark.less +5 -5
  37. package/dist/less/tokens-base-light.less +5 -5
  38. package/dist/less/tokens-dp-dark.less +46 -44
  39. package/dist/less/tokens-dp-light.less +46 -44
  40. package/dist/less/tokens-expressive-dark.less +52 -50
  41. package/dist/less/tokens-expressive-light.less +52 -50
  42. package/dist/less/tokens-expressive-sm-dark.less +52 -50
  43. package/dist/less/tokens-expressive-sm-light.less +52 -50
  44. package/dist/less/tokens-tmo-dark.less +46 -44
  45. package/dist/less/tokens-tmo-light.less +46 -44
  46. package/dist/tokens-base-dark.json +5 -5
  47. package/dist/tokens-base-light.json +5 -5
  48. package/dist/tokens-dp-dark.json +46 -44
  49. package/dist/tokens-dp-light.json +46 -44
  50. package/dist/tokens-expressive-dark.json +52 -50
  51. package/dist/tokens-expressive-light.json +52 -50
  52. package/dist/tokens-expressive-sm-dark.json +52 -50
  53. package/dist/tokens-expressive-sm-light.json +52 -50
  54. package/dist/tokens-tmo-dark.json +46 -44
  55. package/dist/tokens-tmo-light.json +46 -44
  56. package/package.json +1 -1
package/dist/css/tokens-dp-light.css CHANGED
@@ -686,157 +686,157 @@
686
686
  --dt-typography-body-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Base default medium text style for main content. */
687
687
  --dt-typography-body-md-font-weight: 400; /* Base default medium text style for main content. */
688
688
  --dt-typography-body-md-line-height: 1.6; /* Base default medium text style for main content. */
689
- --dt-typography-body-md-font-size: 15px; /* Base default medium text style for main content. */
689
+ --dt-typography-body-md-font-size: 1.5rem; /* Base default medium text style for main content. */
690
690
  --dt-typography-body-md-text-case: none; /* Base default medium text style for main content. */
691
691
  --dt-typography-body-md-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of medium body style. */
692
692
  --dt-typography-body-md-compact-font-weight: 400; /* A tighter-spaced version of medium body style. */
693
693
  --dt-typography-body-md-compact-line-height: 1.4; /* A tighter-spaced version of medium body style. */
694
- --dt-typography-body-md-compact-font-size: 15px; /* A tighter-spaced version of medium body style. */
694
+ --dt-typography-body-md-compact-font-size: 1.5rem; /* A tighter-spaced version of medium body style. */
695
695
  --dt-typography-body-md-compact-text-case: none; /* A tighter-spaced version of medium body style. */
696
696
  --dt-typography-body-sm-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Reduced small text style for less prominent or adjacent content. */
697
697
  --dt-typography-body-sm-font-weight: 400; /* Reduced small text style for less prominent or adjacent content. */
698
698
  --dt-typography-body-sm-line-height: 1.4; /* Reduced small text style for less prominent or adjacent content. */
699
- --dt-typography-body-sm-font-size: 12px; /* Reduced small text style for less prominent or adjacent content. */
699
+ --dt-typography-body-sm-font-size: 1.2rem; /* Reduced small text style for less prominent or adjacent content. */
700
700
  --dt-typography-body-sm-text-case: none; /* Reduced small text style for less prominent or adjacent content. */
701
701
  --dt-typography-body-sm-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of small body style. */
702
702
  --dt-typography-body-sm-compact-font-weight: 400; /* A tighter-spaced version of small body style. */
703
703
  --dt-typography-body-sm-compact-line-height: 1.2; /* A tighter-spaced version of small body style. */
704
- --dt-typography-body-sm-compact-font-size: 12px; /* A tighter-spaced version of small body style. */
704
+ --dt-typography-body-sm-compact-font-size: 1.2rem; /* A tighter-spaced version of small body style. */
705
705
  --dt-typography-body-sm-compact-text-case: none; /* A tighter-spaced version of small body style. */
706
706
  --dt-typography-headline-eyebrow-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
707
707
  --dt-typography-headline-eyebrow-font-weight: 400; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
708
708
  --dt-typography-headline-eyebrow-line-height: 1.4; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
709
- --dt-typography-headline-eyebrow-font-size: 12px; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
709
+ --dt-typography-headline-eyebrow-font-size: 1.2rem; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
710
710
  --dt-typography-headline-eyebrow-text-case: uppercase; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
711
711
  --dt-typography-headline-sm-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Smaller text size for secondary information or subheadings. */
712
712
  --dt-typography-headline-sm-font-weight: 700; /* Smaller text size for secondary information or subheadings. */
713
713
  --dt-typography-headline-sm-line-height: 1.4; /* Smaller text size for secondary information or subheadings. */
714
- --dt-typography-headline-sm-font-size: 12px; /* Smaller text size for secondary information or subheadings. */
714
+ --dt-typography-headline-sm-font-size: 1.2rem; /* Smaller text size for secondary information or subheadings. */
715
715
  --dt-typography-headline-sm-text-case: none; /* Smaller text size for secondary information or subheadings. */
716
716
  --dt-typography-headline-sm-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of small headline style. */
717
717
  --dt-typography-headline-sm-compact-font-weight: 700; /* A tighter-spaced version of small headline style. */
718
718
  --dt-typography-headline-sm-compact-line-height: 1.2; /* A tighter-spaced version of small headline style. */
719
- --dt-typography-headline-sm-compact-font-size: 12px; /* A tighter-spaced version of small headline style. */
719
+ --dt-typography-headline-sm-compact-font-size: 1.2rem; /* A tighter-spaced version of small headline style. */
720
720
  --dt-typography-headline-sm-compact-text-case: none; /* A tighter-spaced version of small headline style. */
721
721
  --dt-typography-headline-sm-soft-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A softer font weight version of small headline style. */
722
722
  --dt-typography-headline-sm-soft-font-weight: 500; /* A softer font weight version of small headline style. */
723
723
  --dt-typography-headline-sm-soft-line-height: 1.4; /* A softer font weight version of small headline style. */
724
- --dt-typography-headline-sm-soft-font-size: 12px; /* A softer font weight version of small headline style. */
724
+ --dt-typography-headline-sm-soft-font-size: 1.2rem; /* A softer font weight version of small headline style. */
725
725
  --dt-typography-headline-sm-soft-text-case: none; /* A softer font weight version of small headline style. */
726
726
  --dt-typography-headline-sm-soft-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A softer font weight, tighter-spaced version of small headline style. */
727
727
  --dt-typography-headline-sm-soft-compact-font-weight: 500; /* A softer font weight, tighter-spaced version of small headline style. */
728
728
  --dt-typography-headline-sm-soft-compact-line-height: 1.2; /* A softer font weight, tighter-spaced version of small headline style. */
729
- --dt-typography-headline-sm-soft-compact-font-size: 12px; /* A softer font weight, tighter-spaced version of small headline style. */
729
+ --dt-typography-headline-sm-soft-compact-font-size: 1.2rem; /* A softer font weight, tighter-spaced version of small headline style. */
730
730
  --dt-typography-headline-sm-soft-compact-text-case: none; /* A softer font weight, tighter-spaced version of small headline style. */
731
731
  --dt-typography-headline-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Medium-sized base text style for headlines. */
732
732
  --dt-typography-headline-md-font-weight: 700; /* Medium-sized base text style for headlines. */
733
733
  --dt-typography-headline-md-line-height: 1.6; /* Medium-sized base text style for headlines. */
734
- --dt-typography-headline-md-font-size: 15px; /* Medium-sized base text style for headlines. */
734
+ --dt-typography-headline-md-font-size: 1.5rem; /* Medium-sized base text style for headlines. */
735
735
  --dt-typography-headline-md-text-case: none; /* Medium-sized base text style for headlines. */
736
736
  --dt-typography-headline-md-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of medium headline style. */
737
737
  --dt-typography-headline-md-compact-font-weight: 700; /* A tighter-spaced version of medium headline style. */
738
738
  --dt-typography-headline-md-compact-line-height: 1.4; /* A tighter-spaced version of medium headline style. */
739
- --dt-typography-headline-md-compact-font-size: 15px; /* A tighter-spaced version of medium headline style. */
739
+ --dt-typography-headline-md-compact-font-size: 1.5rem; /* A tighter-spaced version of medium headline style. */
740
740
  --dt-typography-headline-md-compact-text-case: none; /* A tighter-spaced version of medium headline style. */
741
741
  --dt-typography-headline-lg-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Large text style for headlines to attract attention. */
742
742
  --dt-typography-headline-lg-font-weight: 700; /* Large text style for headlines to attract attention. */
743
743
  --dt-typography-headline-lg-line-height: 1.6; /* Large text style for headlines to attract attention. */
744
- --dt-typography-headline-lg-font-size: 19px; /* Large text style for headlines to attract attention. */
744
+ --dt-typography-headline-lg-font-size: 1.9rem; /* Large text style for headlines to attract attention. */
745
745
  --dt-typography-headline-lg-text-case: none; /* Large text style for headlines to attract attention. */
746
746
  --dt-typography-headline-lg-soft-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A softer font weight version of large headline style. */
747
747
  --dt-typography-headline-lg-soft-font-weight: 500; /* A softer font weight version of large headline style. */
748
748
  --dt-typography-headline-lg-soft-line-height: 1.6; /* A softer font weight version of large headline style. */
749
- --dt-typography-headline-lg-soft-font-size: 19px; /* A softer font weight version of large headline style. */
749
+ --dt-typography-headline-lg-soft-font-size: 1.9rem; /* A softer font weight version of large headline style. */
750
750
  --dt-typography-headline-lg-soft-text-case: none; /* A softer font weight version of large headline style. */
751
751
  --dt-typography-headline-lg-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of large body style. */
752
752
  --dt-typography-headline-lg-compact-font-weight: 700; /* A tighter-spaced version of large body style. */
753
753
  --dt-typography-headline-lg-compact-line-height: 1.2; /* A tighter-spaced version of large body style. */
754
- --dt-typography-headline-lg-compact-font-size: 19px; /* A tighter-spaced version of large body style. */
754
+ --dt-typography-headline-lg-compact-font-size: 1.9rem; /* A tighter-spaced version of large body style. */
755
755
  --dt-typography-headline-lg-compact-text-case: none; /* A tighter-spaced version of large body style. */
756
756
  --dt-typography-headline-lg-soft-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A softer font weight, tighter spaced version of large headline style. */
757
757
  --dt-typography-headline-lg-soft-compact-font-weight: 500; /* A softer font weight, tighter spaced version of large headline style. */
758
758
  --dt-typography-headline-lg-soft-compact-line-height: 1.2; /* A softer font weight, tighter spaced version of large headline style. */
759
- --dt-typography-headline-lg-soft-compact-font-size: 19px; /* A softer font weight, tighter spaced version of large headline style. */
759
+ --dt-typography-headline-lg-soft-compact-font-size: 1.9rem; /* A softer font weight, tighter spaced version of large headline style. */
760
760
  --dt-typography-headline-lg-soft-compact-text-case: none; /* A softer font weight, tighter spaced version of large headline style. */
761
761
  --dt-typography-headline-xl-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Extra large text style for high importance headlines. */
762
762
  --dt-typography-headline-xl-font-weight: 500; /* Extra large text style for high importance headlines. */
763
763
  --dt-typography-headline-xl-line-height: 1.2; /* Extra large text style for high importance headlines. */
764
- --dt-typography-headline-xl-font-size: 27px; /* Extra large text style for high importance headlines. */
764
+ --dt-typography-headline-xl-font-size: 2.7rem; /* Extra large text style for high importance headlines. */
765
765
  --dt-typography-headline-xl-text-case: none; /* Extra large text style for high importance headlines. */
766
766
  --dt-typography-headline-xl-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of extra large headline style. */
767
767
  --dt-typography-headline-xl-compact-font-weight: 500; /* A tighter-spaced version of extra large headline style. */
768
768
  --dt-typography-headline-xl-compact-line-height: 1; /* A tighter-spaced version of extra large headline style. */
769
- --dt-typography-headline-xl-compact-font-size: 27px; /* A tighter-spaced version of extra large headline style. */
769
+ --dt-typography-headline-xl-compact-font-size: 2.7rem; /* A tighter-spaced version of extra large headline style. */
770
770
  --dt-typography-headline-xl-compact-text-case: none; /* A tighter-spaced version of extra large headline style. */
771
771
  --dt-typography-headline-xxl-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Largest text style for extra extra large content. */
772
772
  --dt-typography-headline-xxl-font-weight: 500; /* Largest text style for extra extra large content. */
773
773
  --dt-typography-headline-xxl-line-height: 1.2; /* Largest text style for extra extra large content. */
774
- --dt-typography-headline-xxl-font-size: 38px; /* Largest text style for extra extra large content. */
774
+ --dt-typography-headline-xxl-font-size: 3.8rem; /* Largest text style for extra extra large content. */
775
775
  --dt-typography-headline-xxl-text-case: none; /* Largest text style for extra extra large content. */
776
776
  --dt-typography-headline-xxl-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of extra extra large headline style. */
777
777
  --dt-typography-headline-xxl-compact-font-weight: 500; /* A tighter-spaced version of extra extra large headline style. */
778
778
  --dt-typography-headline-xxl-compact-line-height: 1; /* A tighter-spaced version of extra extra large headline style. */
779
- --dt-typography-headline-xxl-compact-font-size: 38px; /* A tighter-spaced version of extra extra large headline style. */
779
+ --dt-typography-headline-xxl-compact-font-size: 3.8rem; /* A tighter-spaced version of extra extra large headline style. */
780
780
  --dt-typography-headline-xxl-compact-text-case: none; /* A tighter-spaced version of extra extra large headline style. */
781
781
  --dt-typography-label-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
782
782
  --dt-typography-label-md-font-weight: 600; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
783
783
  --dt-typography-label-md-line-height: 1.6; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
784
- --dt-typography-label-md-font-size: 15px; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
784
+ --dt-typography-label-md-font-size: 1.5rem; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
785
785
  --dt-typography-label-md-text-case: none; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
786
786
  --dt-typography-label-md-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of medium label style. */
787
787
  --dt-typography-label-md-compact-font-weight: 600; /* A tighter-spaced version of medium label style. */
788
788
  --dt-typography-label-md-compact-line-height: 1.4; /* A tighter-spaced version of medium label style. */
789
- --dt-typography-label-md-compact-font-size: 15px; /* A tighter-spaced version of medium label style. */
789
+ --dt-typography-label-md-compact-font-size: 1.5rem; /* A tighter-spaced version of medium label style. */
790
790
  --dt-typography-label-md-compact-text-case: none; /* A tighter-spaced version of medium label style. */
791
791
  --dt-typography-label-md-plain-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A non-bold version of medium label style. */
792
792
  --dt-typography-label-md-plain-font-weight: 400; /* A non-bold version of medium label style. */
793
793
  --dt-typography-label-md-plain-line-height: 1.6; /* A non-bold version of medium label style. */
794
- --dt-typography-label-md-plain-font-size: 15px; /* A non-bold version of medium label style. */
794
+ --dt-typography-label-md-plain-font-size: 1.5rem; /* A non-bold version of medium label style. */
795
795
  --dt-typography-label-md-plain-text-case: none; /* A non-bold version of medium label style. */
796
796
  --dt-typography-label-md-plain-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A non-bolded, tighter-spaced version of medium label style. */
797
797
  --dt-typography-label-md-plain-compact-font-weight: 400; /* A non-bolded, tighter-spaced version of medium label style. */
798
798
  --dt-typography-label-md-plain-compact-line-height: 1.4; /* A non-bolded, tighter-spaced version of medium label style. */
799
- --dt-typography-label-md-plain-compact-font-size: 15px; /* A non-bolded, tighter-spaced version of medium label style. */
799
+ --dt-typography-label-md-plain-compact-font-size: 1.5rem; /* A non-bolded, tighter-spaced version of medium label style. */
800
800
  --dt-typography-label-md-plain-compact-text-case: none; /* A non-bolded, tighter-spaced version of medium label style. */
801
801
  --dt-typography-label-sm-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
802
802
  --dt-typography-label-sm-font-weight: 600; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
803
803
  --dt-typography-label-sm-line-height: 1.4; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
804
- --dt-typography-label-sm-font-size: 12px; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
804
+ --dt-typography-label-sm-font-size: 1.2rem; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
805
805
  --dt-typography-label-sm-text-case: none; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
806
806
  --dt-typography-label-sm-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of small label style. */
807
807
  --dt-typography-label-sm-compact-font-weight: 600; /* A tighter-spaced version of small label style. */
808
808
  --dt-typography-label-sm-compact-line-height: 1.2; /* A tighter-spaced version of small label style. */
809
- --dt-typography-label-sm-compact-font-size: 12px; /* A tighter-spaced version of small label style. */
809
+ --dt-typography-label-sm-compact-font-size: 1.2rem; /* A tighter-spaced version of small label style. */
810
810
  --dt-typography-label-sm-compact-text-case: none; /* A tighter-spaced version of small label style. */
811
811
  --dt-typography-label-sm-plain-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A non-bold version of small label style. */
812
812
  --dt-typography-label-sm-plain-font-weight: 400; /* A non-bold version of small label style. */
813
813
  --dt-typography-label-sm-plain-line-height: 1.4; /* A non-bold version of small label style. */
814
- --dt-typography-label-sm-plain-font-size: 12px; /* A non-bold version of small label style. */
814
+ --dt-typography-label-sm-plain-font-size: 1.2rem; /* A non-bold version of small label style. */
815
815
  --dt-typography-label-sm-plain-text-case: none; /* A non-bold version of small label style. */
816
816
  --dt-typography-label-sm-plain-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A non-bolded, tighter-spaced version of small label style. */
817
817
  --dt-typography-label-sm-plain-compact-font-weight: 400; /* A non-bolded, tighter-spaced version of small label style. */
818
818
  --dt-typography-label-sm-plain-compact-line-height: 1.2; /* A non-bolded, tighter-spaced version of small label style. */
819
- --dt-typography-label-sm-plain-compact-font-size: 12px; /* A non-bolded, tighter-spaced version of small label style. */
819
+ --dt-typography-label-sm-plain-compact-font-size: 1.2rem; /* A non-bolded, tighter-spaced version of small label style. */
820
820
  --dt-typography-label-sm-plain-compact-text-case: none; /* A non-bolded, tighter-spaced version of small label style. */
821
821
  --dt-typography-helper-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Base default medium-sized text style for supplementary contextual information. */
822
822
  --dt-typography-helper-md-font-weight: 400; /* Base default medium-sized text style for supplementary contextual information. */
823
823
  --dt-typography-helper-md-line-height: 1.4; /* Base default medium-sized text style for supplementary contextual information. */
824
- --dt-typography-helper-md-font-size: 15px; /* Base default medium-sized text style for supplementary contextual information. */
824
+ --dt-typography-helper-md-font-size: 1.5rem; /* Base default medium-sized text style for supplementary contextual information. */
825
825
  --dt-typography-helper-md-text-case: none; /* Base default medium-sized text style for supplementary contextual information. */
826
826
  --dt-typography-helper-sm-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
827
827
  --dt-typography-helper-sm-font-weight: 400; /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
828
828
  --dt-typography-helper-sm-line-height: 1.2; /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
829
- --dt-typography-helper-sm-font-size: 12px; /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
829
+ --dt-typography-helper-sm-font-size: 1.2rem; /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
830
830
  --dt-typography-helper-sm-text-case: none; /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
831
831
  --dt-typography-code-md-font-family: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace; /* Base default medium-sized text style for monospace code snippets of technical content. */
832
832
  --dt-typography-code-md-font-weight: 400; /* Base default medium-sized text style for monospace code snippets of technical content. */
833
833
  --dt-typography-code-md-line-height: 1.2; /* Base default medium-sized text style for monospace code snippets of technical content. */
834
- --dt-typography-code-md-font-size: 15px; /* Base default medium-sized text style for monospace code snippets of technical content. */
834
+ --dt-typography-code-md-font-size: 1.5rem; /* Base default medium-sized text style for monospace code snippets of technical content. */
835
835
  --dt-typography-code-md-text-case: none; /* Base default medium-sized text style for monospace code snippets of technical content. */
836
836
  --dt-typography-code-sm-font-family: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace; /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
837
837
  --dt-typography-code-sm-font-weight: 400; /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
838
838
  --dt-typography-code-sm-line-height: 1.2; /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
839
- --dt-typography-code-sm-font-size: 12px; /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
839
+ --dt-typography-code-sm-font-size: 1.2rem; /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
840
840
  --dt-typography-code-sm-text-case: none;
841
841
  --dt-typography-code-sm: var(--dt-typography-code-sm-font-weight) var(--dt-typography-code-sm-font-size)/var(--dt-typography-code-sm-line-height) var(--dt-typography-code-sm-font-family);
842
842
  --dt-typography-code-md: var(--dt-typography-code-md-font-weight) var(--dt-typography-code-md-font-size)/var(--dt-typography-code-md-line-height) var(--dt-typography-code-md-font-family);
@@ -877,11 +877,11 @@
877
877
  --dt-inputs-size-radius-lg: 1.2rem;
878
878
  --dt-inputs-size-radius-xl: 1.6rem;
879
879
  --dt-inputs-line-height-default: 1.2;
880
- --dt-inputs-font-size-xs: 12px;
881
- --dt-inputs-font-size-sm: 12px;
882
- --dt-inputs-font-size-md: 15px;
883
- --dt-inputs-font-size-lg: 19px;
884
- --dt-inputs-font-size-xl: 27px;
880
+ --dt-inputs-font-size-xs: 1.2rem;
881
+ --dt-inputs-font-size-sm: 1.2rem;
882
+ --dt-inputs-font-size-md: 1.5rem;
883
+ --dt-inputs-font-size-lg: 1.9rem;
884
+ --dt-inputs-font-size-xl: 2.7rem;
885
885
  --dt-inputs-color-foreground-default-h: 0;
886
886
  --dt-inputs-color-foreground-default-s: 0%;
887
887
  --dt-inputs-color-foreground-default-l: 22.745098039215687%;
@@ -1500,12 +1500,24 @@
1500
1500
  --dt-theme-mention-color-foreground-hsl: var(--dt-theme-mention-color-foreground-h) var(--dt-theme-mention-color-foreground-s) var(--dt-theme-mention-color-foreground-l);
1501
1501
  --dt-theme-mention-color-foreground-hsla: hsla(var(--dt-theme-mention-color-foreground-h) var(--dt-theme-mention-color-foreground-s) var(--dt-theme-mention-color-foreground-l) / var(--alpha, 100%));
1502
1502
  --dt-theme-mention-color-foreground: #ffffff;
1503
+ --dt-theme-mention-color-foreground-strong-h: 0;
1504
+ --dt-theme-mention-color-foreground-strong-s: 0%;
1505
+ --dt-theme-mention-color-foreground-strong-l: 100%;
1506
+ --dt-theme-mention-color-foreground-strong-hsl: var(--dt-theme-mention-color-foreground-strong-h) var(--dt-theme-mention-color-foreground-strong-s) var(--dt-theme-mention-color-foreground-strong-l);
1507
+ --dt-theme-mention-color-foreground-strong-hsla: hsla(var(--dt-theme-mention-color-foreground-strong-h) var(--dt-theme-mention-color-foreground-strong-s) var(--dt-theme-mention-color-foreground-strong-l) / var(--alpha, 100%));
1508
+ --dt-theme-mention-color-foreground-strong: #ffffff;
1503
1509
  --dt-theme-mention-color-background-h: 254.5664739884393;
1504
1510
  --dt-theme-mention-color-background-s: 100%;
1505
1511
  --dt-theme-mention-color-background-l: 66.07843137254902%;
1506
1512
  --dt-theme-mention-color-background-hsl: var(--dt-theme-mention-color-background-h) var(--dt-theme-mention-color-background-s) var(--dt-theme-mention-color-background-l);
1507
1513
  --dt-theme-mention-color-background-hsla: hsla(var(--dt-theme-mention-color-background-h) var(--dt-theme-mention-color-background-s) var(--dt-theme-mention-color-background-l) / var(--alpha, 100%));
1508
1514
  --dt-theme-mention-color-background: #7C52FF;
1515
+ --dt-theme-mention-color-background-strong-h: 254.49999999999997;
1516
+ --dt-theme-mention-color-background-strong-s: 67.41573033707866%;
1517
+ --dt-theme-mention-color-background-strong-l: 34.90196078431373%;
1518
+ --dt-theme-mention-color-background-strong-hsl: var(--dt-theme-mention-color-background-strong-h) var(--dt-theme-mention-color-background-strong-s) var(--dt-theme-mention-color-background-strong-l);
1519
+ --dt-theme-mention-color-background-strong-hsla: hsla(var(--dt-theme-mention-color-background-strong-h) var(--dt-theme-mention-color-background-strong-s) var(--dt-theme-mention-color-background-strong-l) / var(--alpha, 100%));
1520
+ --dt-theme-mention-color-background-strong: #3A1D95;
1509
1521
  --dt-avatar-color-foreground-h: 0;
1510
1522
  --dt-avatar-color-foreground-s: 0%;
1511
1523
  --dt-avatar-color-foreground-l: 0%;
@@ -1725,14 +1737,14 @@
1725
1737
  --dt-checkbox-color-background-checked-hsl: var(--dt-checkbox-color-background-checked-h) var(--dt-checkbox-color-background-checked-s) var(--dt-checkbox-color-background-checked-l);
1726
1738
  --dt-checkbox-color-background-checked-hsla: hsla(var(--dt-checkbox-color-background-checked-h) var(--dt-checkbox-color-background-checked-s) var(--dt-checkbox-color-background-checked-l) / var(--alpha, 100%));
1727
1739
  --dt-checkbox-color-background-checked: #7C52FF;
1728
- --dt-icon-size-100: 12px;
1729
- --dt-icon-size-200: 14px;
1730
- --dt-icon-size-300: 18px;
1731
- --dt-icon-size-400: 20px;
1732
- --dt-icon-size-500: 24px;
1733
- --dt-icon-size-600: 32px;
1734
- --dt-icon-size-700: 38px;
1735
- --dt-icon-size-800: 48px;
1740
+ --dt-icon-size-100: 1.2rem;
1741
+ --dt-icon-size-200: 1.4rem;
1742
+ --dt-icon-size-300: 1.8rem;
1743
+ --dt-icon-size-400: 2rem;
1744
+ --dt-icon-size-500: 2.4rem;
1745
+ --dt-icon-size-600: 3.2rem;
1746
+ --dt-icon-size-700: 3.8rem;
1747
+ --dt-icon-size-800: 4.8rem;
1736
1748
  --dt-icon-size-border-100: 0.1rem;
1737
1749
  --dt-icon-size-border-200: 0.125rem;
1738
1750
  --dt-icon-size-border-300: 0.15rem;
package/dist/css/tokens-expressive-dark.css CHANGED
@@ -4,12 +4,12 @@
4
4
 
5
5
  :root {
6
6
  color-scheme: dark;
7
- --dt-font-size-100: 16px; /* small */
8
- --dt-font-size-200: 20px; /* medium / base */
9
- --dt-font-size-300: 28px; /* large */
10
- --dt-font-size-400: 41px; /* extra large / xl */
11
- --dt-font-size-500: 65px; /* extra large / xxl */
12
- --dt-font-size-600: 105px;
7
+ --dt-font-size-100: 1.6rem; /* small */
8
+ --dt-font-size-200: 2rem; /* medium / base */
9
+ --dt-font-size-300: 2.8rem; /* large */
10
+ --dt-font-size-400: 4.1rem; /* extra large / xl */
11
+ --dt-font-size-500: 6.5rem; /* extra large / xxl */
12
+ --dt-font-size-600: 10.5rem;
13
13
  --dt-size-border-focus: 0.3rem;
14
14
  --dt-color-foreground-primary-h: 0;
15
15
  --dt-color-foreground-primary-s: 0%;
@@ -692,157 +692,157 @@
692
692
  --dt-typography-body-md-font-family: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Base default medium text style for main content. */
693
693
  --dt-typography-body-md-font-weight: 400; /* Base default medium text style for main content. */
694
694
  --dt-typography-body-md-line-height: 1.6; /* Base default medium text style for main content. */
695
- --dt-typography-body-md-font-size: 20px; /* Base default medium text style for main content. */
695
+ --dt-typography-body-md-font-size: 2rem; /* Base default medium text style for main content. */
696
696
  --dt-typography-body-md-text-case: none; /* Base default medium text style for main content. */
697
697
  --dt-typography-body-md-compact-font-family: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of medium body style. */
698
698
  --dt-typography-body-md-compact-font-weight: 400; /* A tighter-spaced version of medium body style. */
699
699
  --dt-typography-body-md-compact-line-height: 1.4; /* A tighter-spaced version of medium body style. */
700
- --dt-typography-body-md-compact-font-size: 20px; /* A tighter-spaced version of medium body style. */
700
+ --dt-typography-body-md-compact-font-size: 2rem; /* A tighter-spaced version of medium body style. */
701
701
  --dt-typography-body-md-compact-text-case: none; /* A tighter-spaced version of medium body style. */
702
702
  --dt-typography-body-sm-font-family: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Reduced small text style for less prominent or adjacent content. */
703
703
  --dt-typography-body-sm-font-weight: 400; /* Reduced small text style for less prominent or adjacent content. */
704
704
  --dt-typography-body-sm-line-height: 1.4; /* Reduced small text style for less prominent or adjacent content. */
705
- --dt-typography-body-sm-font-size: 16px; /* Reduced small text style for less prominent or adjacent content. */
705
+ --dt-typography-body-sm-font-size: 1.6rem; /* Reduced small text style for less prominent or adjacent content. */
706
706
  --dt-typography-body-sm-text-case: none; /* Reduced small text style for less prominent or adjacent content. */
707
707
  --dt-typography-body-sm-compact-font-family: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of small body style. */
708
708
  --dt-typography-body-sm-compact-font-weight: 400; /* A tighter-spaced version of small body style. */
709
709
  --dt-typography-body-sm-compact-line-height: 1.2; /* A tighter-spaced version of small body style. */
710
- --dt-typography-body-sm-compact-font-size: 16px; /* A tighter-spaced version of small body style. */
710
+ --dt-typography-body-sm-compact-font-size: 1.6rem; /* A tighter-spaced version of small body style. */
711
711
  --dt-typography-body-sm-compact-text-case: none; /* A tighter-spaced version of small body style. */
712
712
  --dt-typography-headline-eyebrow-font-family: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
713
713
  --dt-typography-headline-eyebrow-font-weight: 400; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
714
714
  --dt-typography-headline-eyebrow-line-height: 1.4; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
715
- --dt-typography-headline-eyebrow-font-size: 16px; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
715
+ --dt-typography-headline-eyebrow-font-size: 1.6rem; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
716
716
  --dt-typography-headline-eyebrow-text-case: uppercase; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
717
717
  --dt-typography-headline-sm-font-family: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Smaller text size for secondary information or subheadings. */
718
718
  --dt-typography-headline-sm-font-weight: 700; /* Smaller text size for secondary information or subheadings. */
719
719
  --dt-typography-headline-sm-line-height: 1.4; /* Smaller text size for secondary information or subheadings. */
720
- --dt-typography-headline-sm-font-size: 20px; /* Smaller text size for secondary information or subheadings. */
720
+ --dt-typography-headline-sm-font-size: 2rem; /* Smaller text size for secondary information or subheadings. */
721
721
  --dt-typography-headline-sm-text-case: none; /* Smaller text size for secondary information or subheadings. */
722
722
  --dt-typography-headline-sm-compact-font-family: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of small headline style. */
723
723
  --dt-typography-headline-sm-compact-font-weight: 700; /* A tighter-spaced version of small headline style. */
724
724
  --dt-typography-headline-sm-compact-line-height: 1.2; /* A tighter-spaced version of small headline style. */
725
- --dt-typography-headline-sm-compact-font-size: 20px; /* A tighter-spaced version of small headline style. */
725
+ --dt-typography-headline-sm-compact-font-size: 2rem; /* A tighter-spaced version of small headline style. */
726
726
  --dt-typography-headline-sm-compact-text-case: none; /* A tighter-spaced version of small headline style. */
727
727
  --dt-typography-headline-sm-soft-font-family: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A softer font weight version of small headline style. */
728
728
  --dt-typography-headline-sm-soft-font-weight: 500; /* A softer font weight version of small headline style. */
729
729
  --dt-typography-headline-sm-soft-line-height: 1.4; /* A softer font weight version of small headline style. */
730
- --dt-typography-headline-sm-soft-font-size: 20px; /* A softer font weight version of small headline style. */
730
+ --dt-typography-headline-sm-soft-font-size: 2rem; /* A softer font weight version of small headline style. */
731
731
  --dt-typography-headline-sm-soft-text-case: none; /* A softer font weight version of small headline style. */
732
732
  --dt-typography-headline-sm-soft-compact-font-family: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A softer font weight, tighter-spaced version of small headline style. */
733
733
  --dt-typography-headline-sm-soft-compact-font-weight: 500; /* A softer font weight, tighter-spaced version of small headline style. */
734
734
  --dt-typography-headline-sm-soft-compact-line-height: 1.2; /* A softer font weight, tighter-spaced version of small headline style. */
735
- --dt-typography-headline-sm-soft-compact-font-size: 20px; /* A softer font weight, tighter-spaced version of small headline style. */
735
+ --dt-typography-headline-sm-soft-compact-font-size: 2rem; /* A softer font weight, tighter-spaced version of small headline style. */
736
736
  --dt-typography-headline-sm-soft-compact-text-case: none; /* A softer font weight, tighter-spaced version of small headline style. */
737
737
  --dt-typography-headline-md-font-family: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Medium-sized base text style for headlines. */
738
738
  --dt-typography-headline-md-font-weight: 700; /* Medium-sized base text style for headlines. */
739
739
  --dt-typography-headline-md-line-height: 1.6; /* Medium-sized base text style for headlines. */
740
- --dt-typography-headline-md-font-size: 28px; /* Medium-sized base text style for headlines. */
740
+ --dt-typography-headline-md-font-size: 2.8rem; /* Medium-sized base text style for headlines. */
741
741
  --dt-typography-headline-md-text-case: none; /* Medium-sized base text style for headlines. */
742
742
  --dt-typography-headline-md-compact-font-family: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of medium headline style. */
743
743
  --dt-typography-headline-md-compact-font-weight: 700; /* A tighter-spaced version of medium headline style. */
744
744
  --dt-typography-headline-md-compact-line-height: 1.4; /* A tighter-spaced version of medium headline style. */
745
- --dt-typography-headline-md-compact-font-size: 28px; /* A tighter-spaced version of medium headline style. */
745
+ --dt-typography-headline-md-compact-font-size: 2.8rem; /* A tighter-spaced version of medium headline style. */
746
746
  --dt-typography-headline-md-compact-text-case: none; /* A tighter-spaced version of medium headline style. */
747
747
  --dt-typography-headline-lg-font-family: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Large text style for headlines to attract attention. */
748
748
  --dt-typography-headline-lg-font-weight: 700; /* Large text style for headlines to attract attention. */
749
749
  --dt-typography-headline-lg-line-height: 1.6; /* Large text style for headlines to attract attention. */
750
- --dt-typography-headline-lg-font-size: 41px; /* Large text style for headlines to attract attention. */
750
+ --dt-typography-headline-lg-font-size: 4.1rem; /* Large text style for headlines to attract attention. */
751
751
  --dt-typography-headline-lg-text-case: none; /* Large text style for headlines to attract attention. */
752
752
  --dt-typography-headline-lg-soft-font-family: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A softer font weight version of large headline style. */
753
753
  --dt-typography-headline-lg-soft-font-weight: 500; /* A softer font weight version of large headline style. */
754
754
  --dt-typography-headline-lg-soft-line-height: 1.6; /* A softer font weight version of large headline style. */
755
- --dt-typography-headline-lg-soft-font-size: 41px; /* A softer font weight version of large headline style. */
755
+ --dt-typography-headline-lg-soft-font-size: 4.1rem; /* A softer font weight version of large headline style. */
756
756
  --dt-typography-headline-lg-soft-text-case: none; /* A softer font weight version of large headline style. */
757
757
  --dt-typography-headline-lg-compact-font-family: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of large body style. */
758
758
  --dt-typography-headline-lg-compact-font-weight: 700; /* A tighter-spaced version of large body style. */
759
759
  --dt-typography-headline-lg-compact-line-height: 1.4; /* A tighter-spaced version of large body style. */
760
- --dt-typography-headline-lg-compact-font-size: 41px; /* A tighter-spaced version of large body style. */
760
+ --dt-typography-headline-lg-compact-font-size: 4.1rem; /* A tighter-spaced version of large body style. */
761
761
  --dt-typography-headline-lg-compact-text-case: none; /* A tighter-spaced version of large body style. */
762
762
  --dt-typography-headline-lg-soft-compact-font-family: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A softer font weight, tighter spaced version of large headline style. */
763
763
  --dt-typography-headline-lg-soft-compact-font-weight: 500; /* A softer font weight, tighter spaced version of large headline style. */
764
764
  --dt-typography-headline-lg-soft-compact-line-height: 1.4; /* A softer font weight, tighter spaced version of large headline style. */
765
- --dt-typography-headline-lg-soft-compact-font-size: 41px; /* A softer font weight, tighter spaced version of large headline style. */
765
+ --dt-typography-headline-lg-soft-compact-font-size: 4.1rem; /* A softer font weight, tighter spaced version of large headline style. */
766
766
  --dt-typography-headline-lg-soft-compact-text-case: none; /* A softer font weight, tighter spaced version of large headline style. */
767
767
  --dt-typography-headline-xl-font-family: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Extra large text style for high importance headlines. */
768
768
  --dt-typography-headline-xl-font-weight: 500; /* Extra large text style for high importance headlines. */
769
769
  --dt-typography-headline-xl-line-height: 1.2; /* Extra large text style for high importance headlines. */
770
- --dt-typography-headline-xl-font-size: 65px; /* Extra large text style for high importance headlines. */
770
+ --dt-typography-headline-xl-font-size: 6.5rem; /* Extra large text style for high importance headlines. */
771
771
  --dt-typography-headline-xl-text-case: none; /* Extra large text style for high importance headlines. */
772
772
  --dt-typography-headline-xl-compact-font-family: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of extra large headline style. */
773
773
  --dt-typography-headline-xl-compact-font-weight: 500; /* A tighter-spaced version of extra large headline style. */
774
774
  --dt-typography-headline-xl-compact-line-height: 1; /* A tighter-spaced version of extra large headline style. */
775
- --dt-typography-headline-xl-compact-font-size: 65px; /* A tighter-spaced version of extra large headline style. */
775
+ --dt-typography-headline-xl-compact-font-size: 6.5rem; /* A tighter-spaced version of extra large headline style. */
776
776
  --dt-typography-headline-xl-compact-text-case: none; /* A tighter-spaced version of extra large headline style. */
777
777
  --dt-typography-headline-xxl-font-family: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Largest text style for extra extra large content. */
778
778
  --dt-typography-headline-xxl-font-weight: 500; /* Largest text style for extra extra large content. */
779
779
  --dt-typography-headline-xxl-line-height: 1.2; /* Largest text style for extra extra large content. */
780
- --dt-typography-headline-xxl-font-size: 105px; /* Largest text style for extra extra large content. */
780
+ --dt-typography-headline-xxl-font-size: 10.5rem; /* Largest text style for extra extra large content. */
781
781
  --dt-typography-headline-xxl-text-case: none; /* Largest text style for extra extra large content. */
782
782
  --dt-typography-headline-xxl-compact-font-family: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of extra extra large headline style. */
783
783
  --dt-typography-headline-xxl-compact-font-weight: 500; /* A tighter-spaced version of extra extra large headline style. */
784
784
  --dt-typography-headline-xxl-compact-line-height: 1; /* A tighter-spaced version of extra extra large headline style. */
785
- --dt-typography-headline-xxl-compact-font-size: 105px; /* A tighter-spaced version of extra extra large headline style. */
785
+ --dt-typography-headline-xxl-compact-font-size: 10.5rem; /* A tighter-spaced version of extra extra large headline style. */
786
786
  --dt-typography-headline-xxl-compact-text-case: none; /* A tighter-spaced version of extra extra large headline style. */
787
787
  --dt-typography-label-md-font-family: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
788
788
  --dt-typography-label-md-font-weight: 600; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
789
789
  --dt-typography-label-md-line-height: 1.6; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
790
- --dt-typography-label-md-font-size: 20px; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
790
+ --dt-typography-label-md-font-size: 2rem; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
791
791
  --dt-typography-label-md-text-case: none; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
792
792
  --dt-typography-label-md-compact-font-family: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of medium label style. */
793
793
  --dt-typography-label-md-compact-font-weight: 600; /* A tighter-spaced version of medium label style. */
794
794
  --dt-typography-label-md-compact-line-height: 1.4; /* A tighter-spaced version of medium label style. */
795
- --dt-typography-label-md-compact-font-size: 20px; /* A tighter-spaced version of medium label style. */
795
+ --dt-typography-label-md-compact-font-size: 2rem; /* A tighter-spaced version of medium label style. */
796
796
  --dt-typography-label-md-compact-text-case: none; /* A tighter-spaced version of medium label style. */
797
797
  --dt-typography-label-md-plain-font-family: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A non-bold version of medium label style. */
798
798
  --dt-typography-label-md-plain-font-weight: 400; /* A non-bold version of medium label style. */
799
799
  --dt-typography-label-md-plain-line-height: 1.6; /* A non-bold version of medium label style. */
800
- --dt-typography-label-md-plain-font-size: 20px; /* A non-bold version of medium label style. */
800
+ --dt-typography-label-md-plain-font-size: 2rem; /* A non-bold version of medium label style. */
801
801
  --dt-typography-label-md-plain-text-case: none; /* A non-bold version of medium label style. */
802
802
  --dt-typography-label-md-plain-compact-font-family: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A non-bolded, tighter-spaced version of medium label style. */
803
803
  --dt-typography-label-md-plain-compact-font-weight: 400; /* A non-bolded, tighter-spaced version of medium label style. */
804
804
  --dt-typography-label-md-plain-compact-line-height: 1.4; /* A non-bolded, tighter-spaced version of medium label style. */
805
- --dt-typography-label-md-plain-compact-font-size: 20px; /* A non-bolded, tighter-spaced version of medium label style. */
805
+ --dt-typography-label-md-plain-compact-font-size: 2rem; /* A non-bolded, tighter-spaced version of medium label style. */
806
806
  --dt-typography-label-md-plain-compact-text-case: none; /* A non-bolded, tighter-spaced version of medium label style. */
807
807
  --dt-typography-label-sm-font-family: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
808
808
  --dt-typography-label-sm-font-weight: 600; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
809
809
  --dt-typography-label-sm-line-height: 1.4; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
810
- --dt-typography-label-sm-font-size: 16px; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
810
+ --dt-typography-label-sm-font-size: 1.6rem; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
811
811
  --dt-typography-label-sm-text-case: none; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
812
812
  --dt-typography-label-sm-compact-font-family: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of small label style. */
813
813
  --dt-typography-label-sm-compact-font-weight: 600; /* A tighter-spaced version of small label style. */
814
814
  --dt-typography-label-sm-compact-line-height: 1.2; /* A tighter-spaced version of small label style. */
815
- --dt-typography-label-sm-compact-font-size: 16px; /* A tighter-spaced version of small label style. */
815
+ --dt-typography-label-sm-compact-font-size: 1.6rem; /* A tighter-spaced version of small label style. */
816
816
  --dt-typography-label-sm-compact-text-case: none; /* A tighter-spaced version of small label style. */
817
817
  --dt-typography-label-sm-plain-font-family: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A non-bold version of small label style. */
818
818
  --dt-typography-label-sm-plain-font-weight: 400; /* A non-bold version of small label style. */
819
819
  --dt-typography-label-sm-plain-line-height: 1.4; /* A non-bold version of small label style. */
820
- --dt-typography-label-sm-plain-font-size: 16px; /* A non-bold version of small label style. */
820
+ --dt-typography-label-sm-plain-font-size: 1.6rem; /* A non-bold version of small label style. */
821
821
  --dt-typography-label-sm-plain-text-case: none; /* A non-bold version of small label style. */
822
822
  --dt-typography-label-sm-plain-compact-font-family: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A non-bolded, tighter-spaced version of small label style. */
823
823
  --dt-typography-label-sm-plain-compact-font-weight: 400; /* A non-bolded, tighter-spaced version of small label style. */
824
824
  --dt-typography-label-sm-plain-compact-line-height: 1.2; /* A non-bolded, tighter-spaced version of small label style. */
825
- --dt-typography-label-sm-plain-compact-font-size: 16px; /* A non-bolded, tighter-spaced version of small label style. */
825
+ --dt-typography-label-sm-plain-compact-font-size: 1.6rem; /* A non-bolded, tighter-spaced version of small label style. */
826
826
  --dt-typography-label-sm-plain-compact-text-case: none; /* A non-bolded, tighter-spaced version of small label style. */
827
827
  --dt-typography-helper-md-font-family: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Base default medium-sized text style for supplementary contextual information. */
828
828
  --dt-typography-helper-md-font-weight: 400; /* Base default medium-sized text style for supplementary contextual information. */
829
829
  --dt-typography-helper-md-line-height: 1.4; /* Base default medium-sized text style for supplementary contextual information. */
830
- --dt-typography-helper-md-font-size: 20px; /* Base default medium-sized text style for supplementary contextual information. */
830
+ --dt-typography-helper-md-font-size: 2rem; /* Base default medium-sized text style for supplementary contextual information. */
831
831
  --dt-typography-helper-md-text-case: none; /* Base default medium-sized text style for supplementary contextual information. */
832
832
  --dt-typography-helper-sm-font-family: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
833
833
  --dt-typography-helper-sm-font-weight: 400; /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
834
834
  --dt-typography-helper-sm-line-height: 1.2; /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
835
- --dt-typography-helper-sm-font-size: 16px; /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
835
+ --dt-typography-helper-sm-font-size: 1.6rem; /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
836
836
  --dt-typography-helper-sm-text-case: none; /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
837
837
  --dt-typography-code-md-font-family: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace; /* Base default medium-sized text style for monospace code snippets of technical content. */
838
838
  --dt-typography-code-md-font-weight: 400; /* Base default medium-sized text style for monospace code snippets of technical content. */
839
839
  --dt-typography-code-md-line-height: 1.2; /* Base default medium-sized text style for monospace code snippets of technical content. */
840
- --dt-typography-code-md-font-size: 20px; /* Base default medium-sized text style for monospace code snippets of technical content. */
840
+ --dt-typography-code-md-font-size: 2rem; /* Base default medium-sized text style for monospace code snippets of technical content. */
841
841
  --dt-typography-code-md-text-case: none; /* Base default medium-sized text style for monospace code snippets of technical content. */
842
842
  --dt-typography-code-sm-font-family: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace; /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
843
843
  --dt-typography-code-sm-font-weight: 400; /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
844
844
  --dt-typography-code-sm-line-height: 1.2; /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
845
- --dt-typography-code-sm-font-size: 16px; /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
845
+ --dt-typography-code-sm-font-size: 1.6rem; /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
846
846
  --dt-typography-code-sm-text-case: none;
847
847
  --dt-typography-code-sm: var(--dt-typography-code-sm-font-weight) var(--dt-typography-code-sm-font-size)/var(--dt-typography-code-sm-line-height) var(--dt-typography-code-sm-font-family);
848
848
  --dt-typography-code-md: var(--dt-typography-code-md-font-weight) var(--dt-typography-code-md-font-size)/var(--dt-typography-code-md-line-height) var(--dt-typography-code-md-font-family);
@@ -883,11 +883,11 @@
883
883
  --dt-inputs-size-radius-lg: 1.2rem;
884
884
  --dt-inputs-size-radius-xl: 1.6rem;
885
885
  --dt-inputs-line-height-default: 1.2;
886
- --dt-inputs-font-size-xs: 16px;
887
- --dt-inputs-font-size-sm: 16px;
888
- --dt-inputs-font-size-md: 20px;
889
- --dt-inputs-font-size-lg: 28px;
890
- --dt-inputs-font-size-xl: 16px;
886
+ --dt-inputs-font-size-xs: 1.6rem;
887
+ --dt-inputs-font-size-sm: 1.6rem;
888
+ --dt-inputs-font-size-md: 2rem;
889
+ --dt-inputs-font-size-lg: 2.8rem;
890
+ --dt-inputs-font-size-xl: 1.6rem;
891
891
  --dt-inputs-color-foreground-default-h: 0;
892
892
  --dt-inputs-color-foreground-default-s: 0%;
893
893
  --dt-inputs-color-foreground-default-l: 90.19607843137256%;
@@ -1506,12 +1506,24 @@
1506
1506
  --dt-theme-mention-color-foreground-hsl: var(--dt-theme-mention-color-foreground-h) var(--dt-theme-mention-color-foreground-s) var(--dt-theme-mention-color-foreground-l);
1507
1507
  --dt-theme-mention-color-foreground-hsla: hsla(var(--dt-theme-mention-color-foreground-h) var(--dt-theme-mention-color-foreground-s) var(--dt-theme-mention-color-foreground-l) / var(--alpha, 100%));
1508
1508
  --dt-theme-mention-color-foreground: #ffffff;
1509
+ --dt-theme-mention-color-foreground-strong-h: 0;
1510
+ --dt-theme-mention-color-foreground-strong-s: 0%;
1511
+ --dt-theme-mention-color-foreground-strong-l: 0%;
1512
+ --dt-theme-mention-color-foreground-strong-hsl: var(--dt-theme-mention-color-foreground-strong-h) var(--dt-theme-mention-color-foreground-strong-s) var(--dt-theme-mention-color-foreground-strong-l);
1513
+ --dt-theme-mention-color-foreground-strong-hsla: hsla(var(--dt-theme-mention-color-foreground-strong-h) var(--dt-theme-mention-color-foreground-strong-s) var(--dt-theme-mention-color-foreground-strong-l) / var(--alpha, 100%));
1514
+ --dt-theme-mention-color-foreground-strong: #000000;
1509
1515
  --dt-theme-mention-color-background-h: 254.5664739884393;
1510
1516
  --dt-theme-mention-color-background-s: 100%;
1511
1517
  --dt-theme-mention-color-background-l: 66.07843137254902%;
1512
1518
  --dt-theme-mention-color-background-hsl: var(--dt-theme-mention-color-background-h) var(--dt-theme-mention-color-background-s) var(--dt-theme-mention-color-background-l);
1513
1519
  --dt-theme-mention-color-background-hsla: hsla(var(--dt-theme-mention-color-background-h) var(--dt-theme-mention-color-background-s) var(--dt-theme-mention-color-background-l) / var(--alpha, 100%));
1514
1520
  --dt-theme-mention-color-background: #7C52FF;
1521
+ --dt-theme-mention-color-background-strong-h: 260.35714285714283;
1522
+ --dt-theme-mention-color-background-strong-s: 100%;
1523
+ --dt-theme-mention-color-background-strong-l: 89.01960784313725%;
1524
+ --dt-theme-mention-color-background-strong-hsl: var(--dt-theme-mention-color-background-strong-h) var(--dt-theme-mention-color-background-strong-s) var(--dt-theme-mention-color-background-strong-l);
1525
+ --dt-theme-mention-color-background-strong-hsla: hsla(var(--dt-theme-mention-color-background-strong-h) var(--dt-theme-mention-color-background-strong-s) var(--dt-theme-mention-color-background-strong-l) / var(--alpha, 100%));
1526
+ --dt-theme-mention-color-background-strong: #DAC7FF;
1515
1527
  --dt-avatar-color-foreground-h: 0;
1516
1528
  --dt-avatar-color-foreground-s: 0%;
1517
1529
  --dt-avatar-color-foreground-l: 0%;
@@ -1731,14 +1743,14 @@
1731
1743
  --dt-checkbox-color-background-checked-hsl: var(--dt-checkbox-color-background-checked-h) var(--dt-checkbox-color-background-checked-s) var(--dt-checkbox-color-background-checked-l);
1732
1744
  --dt-checkbox-color-background-checked-hsla: hsla(var(--dt-checkbox-color-background-checked-h) var(--dt-checkbox-color-background-checked-s) var(--dt-checkbox-color-background-checked-l) / var(--alpha, 100%));
1733
1745
  --dt-checkbox-color-background-checked: #7C52FF;
1734
- --dt-icon-size-100: 12px;
1735
- --dt-icon-size-200: 14px;
1736
- --dt-icon-size-300: 18px;
1737
- --dt-icon-size-400: 20px;
1738
- --dt-icon-size-500: 24px;
1739
- --dt-icon-size-600: 32px;
1740
- --dt-icon-size-700: 38px;
1741
- --dt-icon-size-800: 48px;
1746
+ --dt-icon-size-100: 1.2rem;
1747
+ --dt-icon-size-200: 1.4rem;
1748
+ --dt-icon-size-300: 1.8rem;
1749
+ --dt-icon-size-400: 2rem;
1750
+ --dt-icon-size-500: 2.4rem;
1751
+ --dt-icon-size-600: 3.2rem;
1752
+ --dt-icon-size-700: 3.8rem;
1753
+ --dt-icon-size-800: 4.8rem;
1742
1754
  --dt-icon-size-border-100: 0.1rem;
1743
1755
  --dt-icon-size-border-200: 0.125rem;
1744
1756
  --dt-icon-size-border-300: 0.15rem;