@salutejs-ds/sdds_sbcom 0.1.7 → 0.1.9

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 (115) hide show
  1. package/components/Button/Button.config.d.ts +5 -5
  2. package/components/Button/Button.config.js +8 -8
  3. package/components/Button/Button.config.js.map +1 -1
  4. package/components/Button/Button.config_1wue0f1.css +10 -0
  5. package/components/Button/Button.css +9 -9
  6. package/components/Button/Button.d.ts +5 -5
  7. package/components/Checkbox/Checkbox.config.d.ts +1 -1
  8. package/components/Checkbox/Checkbox.config.js +4 -4
  9. package/components/Checkbox/Checkbox.config.js.map +1 -1
  10. package/components/Checkbox/Checkbox.config_limvsr.css +6 -0
  11. package/components/Checkbox/Checkbox.css +6 -6
  12. package/components/Checkbox/Checkbox.d.ts +1 -1
  13. package/components/Counter/Counter.config.d.ts +23 -0
  14. package/components/Counter/Counter.config.js +31 -0
  15. package/components/Counter/Counter.config.js.map +1 -0
  16. package/components/Counter/Counter.config_u14r3s.css +11 -0
  17. package/components/Counter/Counter.css +11 -0
  18. package/components/Counter/Counter.d.ts +19 -0
  19. package/components/Counter/Counter.js +17 -0
  20. package/components/Counter/Counter.js.map +1 -0
  21. package/components/Counter/index.d.ts +1 -0
  22. package/components/IconButton/IconButton.config.d.ts +3 -3
  23. package/components/IconButton/IconButton.config.js +7 -7
  24. package/components/IconButton/IconButton.config.js.map +1 -1
  25. package/components/IconButton/IconButton.config_yxpssw.css +9 -0
  26. package/components/IconButton/IconButton.css +8 -8
  27. package/components/IconButton/IconButton.d.ts +3 -3
  28. package/components/Link/Link.config.d.ts +2 -2
  29. package/components/Link/Link.config.js +6 -6
  30. package/components/Link/Link.config.js.map +1 -1
  31. package/components/Link/Link.config_1adojdx.css +8 -0
  32. package/components/Link/Link.css +8 -8
  33. package/components/Link/Link.d.ts +2 -2
  34. package/components/Radiobox/Radiobox.config.d.ts +2 -2
  35. package/components/Radiobox/Radiobox.config.js +5 -5
  36. package/components/Radiobox/Radiobox.config.js.map +1 -1
  37. package/components/Radiobox/Radiobox.config_wzkn6m.css +6 -0
  38. package/components/Radiobox/Radiobox.css +6 -6
  39. package/components/Radiobox/Radiobox.d.ts +2 -2
  40. package/css/sdds_sbcom.module.css +2193 -1817
  41. package/css/sdds_sbcom__dark.css +1250 -986
  42. package/css/sdds_sbcom__light.css +1250 -994
  43. package/es/components/Button/Button.config.js +8 -8
  44. package/es/components/Button/Button.config.js.map +1 -1
  45. package/es/components/Button/Button.config_1wue0f1.css +10 -0
  46. package/es/components/Button/Button.css +9 -9
  47. package/es/components/Checkbox/Checkbox.config.js +4 -4
  48. package/es/components/Checkbox/Checkbox.config.js.map +1 -1
  49. package/es/components/Checkbox/Checkbox.config_limvsr.css +6 -0
  50. package/es/components/Checkbox/Checkbox.css +6 -6
  51. package/es/components/Counter/Counter.config.js +27 -0
  52. package/es/components/Counter/Counter.config.js.map +1 -0
  53. package/es/components/Counter/Counter.config_u14r3s.css +11 -0
  54. package/es/components/Counter/Counter.css +11 -0
  55. package/es/components/Counter/Counter.js +13 -0
  56. package/es/components/Counter/Counter.js.map +1 -0
  57. package/es/components/IconButton/IconButton.config.js +7 -7
  58. package/es/components/IconButton/IconButton.config.js.map +1 -1
  59. package/es/components/IconButton/IconButton.config_yxpssw.css +9 -0
  60. package/es/components/IconButton/IconButton.css +8 -8
  61. package/es/components/Link/Link.config.js +6 -6
  62. package/es/components/Link/Link.config.js.map +1 -1
  63. package/es/components/Link/Link.config_1adojdx.css +8 -0
  64. package/es/components/Link/Link.css +8 -8
  65. package/es/components/Radiobox/Radiobox.config.js +5 -5
  66. package/es/components/Radiobox/Radiobox.config.js.map +1 -1
  67. package/es/components/Radiobox/Radiobox.config_wzkn6m.css +6 -0
  68. package/es/components/Radiobox/Radiobox.css +6 -6
  69. package/es/index.css +55 -43
  70. package/es/index.js +2 -1
  71. package/es/index.js.map +1 -1
  72. package/es/theme/themes/sdds_sbcom__dark.js +1 -1
  73. package/es/theme/themes/sdds_sbcom__dark.js.map +1 -1
  74. package/es/theme/themes/sdds_sbcom__light.js +1 -1
  75. package/es/theme/themes/sdds_sbcom__light.js.map +1 -1
  76. package/es/theme/tokens/index.js +2377 -1897
  77. package/es/theme/tokens/index.js.map +1 -1
  78. package/index.css +55 -43
  79. package/index.d.ts +1 -0
  80. package/index.js +528 -394
  81. package/index.js.map +1 -1
  82. package/package.json +1 -1
  83. package/styled-components/cjs/Button/Button.config.js +10 -10
  84. package/styled-components/cjs/Checkbox/Checkbox.config.js +6 -6
  85. package/styled-components/cjs/Counter/Counter.config.js +32 -0
  86. package/styled-components/cjs/Counter/Counter.js +15 -0
  87. package/styled-components/cjs/Counter/index.js +12 -0
  88. package/styled-components/cjs/IconButton/IconButton.config.js +9 -9
  89. package/styled-components/cjs/Link/Link.config.js +8 -8
  90. package/styled-components/cjs/Radiobox/Radiobox.config.js +6 -6
  91. package/styled-components/es/Button/Button.config.js +10 -10
  92. package/styled-components/es/Checkbox/Checkbox.config.js +6 -6
  93. package/styled-components/es/Counter/Counter.config.js +26 -0
  94. package/styled-components/es/Counter/Counter.js +9 -0
  95. package/styled-components/es/Counter/index.js +1 -0
  96. package/styled-components/es/IconButton/IconButton.config.js +9 -9
  97. package/styled-components/es/Link/Link.config.js +8 -8
  98. package/styled-components/es/Radiobox/Radiobox.config.js +6 -6
  99. package/theme/themes/sdds_sbcom__dark.js +1 -1
  100. package/theme/themes/sdds_sbcom__dark.js.map +1 -1
  101. package/theme/themes/sdds_sbcom__light.js +1 -1
  102. package/theme/themes/sdds_sbcom__light.js.map +1 -1
  103. package/theme/tokens/index.d.ts +1914 -1566
  104. package/theme/tokens/index.js +2902 -2290
  105. package/theme/tokens/index.js.map +1 -1
  106. package/components/Button/Button.config_1ccu9cu.css +0 -10
  107. package/components/Checkbox/Checkbox.config_1rh5bl.css +0 -6
  108. package/components/IconButton/IconButton.config_cfiy79.css +0 -9
  109. package/components/Link/Link.config_xhilcr.css +0 -8
  110. package/components/Radiobox/Radiobox.config_hk6a3j.css +0 -6
  111. package/es/components/Button/Button.config_1ccu9cu.css +0 -10
  112. package/es/components/Checkbox/Checkbox.config_1rh5bl.css +0 -6
  113. package/es/components/IconButton/IconButton.config_cfiy79.css +0 -9
  114. package/es/components/Link/Link.config_xhilcr.css +0 -8
  115. package/es/components/Radiobox/Radiobox.config_hk6a3j.css +0 -6
package/css/sdds_sbcom__dark.css CHANGED
@@ -1,876 +1,996 @@
1
1
  /* Generated by robots, do not change this manually! */
2
2
 
3
3
  :root {
4
- --text-tertiary-hover: #F5F5F5FF;
5
- --inverse-text-paragraph: #15110F66;
6
- --inverse-text-accent-minor: #52804A66;
7
- --surface-solid-primary-hover: #1C1C1CFF;
8
- --surface-solid-default-hover: #FFFFFFFF;
9
- --surface-accent-minor-hover: #2A390EFF;
10
- --surface-transparent-primary: #FFFFFF14;
11
- --on-dark-surface-solid-primary-brightness: #252525FF;
12
- --on-dark-surface-transparent-card: #23232399;
13
- --on-light-surface-solid-tertiary-hover: #D9D9D9FF;
14
- --on-light-surface-solid-default-hover: #262626FF;
15
- --on-light-surface-negative-active: #FF142CFF;
16
- --inverse-surface-solid-default-active: #030303FF;
17
- --inverse-surface-transparent-tertiary-active: #08080833;
18
- --inverse-surface-positive-hover: #6FA706FF;
19
- --outline-positive-hover: #96E208FF;
20
- --inverse-surface-accent-minor-hover: #D7FD91FF;
21
- --on-light-outline-positive-hover: #79B706FF;
22
- --on-dark-outline-transparent-primary-active: #FFFFFF12;
23
- --on-light-outline-warning: #BE4E0CFF;
24
- --text-secondary-hover: #F5F5F5FF;
25
- --on-dark-outline-minor-brightness: #383838FF;
26
- --background-secondary-brightness: #000000FF;
27
- --persona-blue-text-accent-brightness: #15110FFF;
28
- --persona-green-text-accent-brightness: #15110FFF;
29
- --persona-indigo-text-accent-brightness: #15110FFF;
30
- --persona-ochre-text-accent-brightness: #15110FFF;
31
- --persona-olive-text-accent-brightness: #15110FFF;
32
- --on-dark-data-yellow-transparent-active: #F3A81280;
33
- --on-dark-background-secondary-hover: #CCCCCCFF;
34
- --persona-indigo-text-accent: #9291E5;
35
- --on-dark-persona-pink-text-accent-brightness: #15110FFF;
36
- --on-dark-persona-sea-blue-text-accent-brightness: #15110FFF;
37
- --on-light-persona-indigo-text-accent-hover: #CCCCCCFF;
38
- --on-light-persona-ochre-text-accent-hover: #CCCCCCFF;
39
- --on-light-persona-olive-text-accent-active: #E6E6E6FF;
40
- --on-dark-persona-violet-text-accent-brightness: #15110FFF;
41
- --on-dark-text-accent-minor-active: #2F4408FF;
42
- --on-light-surface-accent-secondary-brightness: #688F61FF;
43
- --surface-transparent-accent-minor-brightness: #B4AE7B47;
44
- --on-dark-surface-accent-secondary-brightness: #B4AE7BFF;
45
- --inverse-persona-ochre-text-accent-brightness: #EBE7E5FF;
46
- --on-dark-surface-transparent-secondary: #FFFFFF29;
47
- --outline-transparent-clear: #00000000;
48
- --inverse-background-secondary-brightness: #FFFFFFFF;
49
- --persona-sea-blue-text-accent-active: #E6E6E6FF;
50
- --inverse-persona-indigo-text-accent-active: #E6E6E6FF;
51
- --on-dark-persona-ochre-text-accent: #E0AB69;
52
- --on-light-persona-blue-text-accent-brightness: #EBE7E5FF;
53
- --on-light-persona-green-text-accent-brightness: #EBE7E5FF;
54
- --on-light-persona-indigo-text-accent-brightness: #EBE7E5FF;
55
- --on-light-persona-ochre-text-accent-brightness: #EBE7E5FF;
56
- --on-dark-surface-accent-minor: #3E4C2FFF;
57
- --inverse-surface-transparent-accent: #527E4B1F;
58
- --on-dark-outline-default-brightness: #3B3735FF;
59
- --on-light-outline-warning-hover: #FD9253FF;
60
- --inverse-surface-transparent-accent-minor-brightness: #527E4B3D;
61
- --on-light-surface-accent-primary-brightness: #527E4BFF;
62
- --surface-accent-secondary-brightness: #B4AE7BFF;
63
- --on-dark-background-secondary-brightness: #0F0F0FFF;
64
- --on-light-background-secondary-brightness: #F6F2F0FF;
65
- --outline-default-brightness: #3B3735FF;
66
- --outline-minor-brightness: #383838FF;
67
- --outline-transparent-clear-brightness: #00000000;
68
- --inverse-outline-default-brightness: #DDD9D7FF;
69
- --inverse-outline-outline-minor-brightness: #FFFFFFFF;
70
- --inverse-persona-olive-text-accent-brightness: #EBE7E5FF;
71
- --inverse-persona-pink-text-accent-brightness: #EBE7E5FF;
72
- --inverse-persona-sea-blue-text-accent-brightness: #EBE7E5FF;
73
- --inverse-persona-violet-text-accent-brightness: #EBE7E5FF;
74
- --on-dark-persona-blue-text-accent-brightness: #15110FFF;
75
- --on-dark-persona-indigo-text-accent-brightness: #15110FFF;
76
- --on-dark-persona-ochre-text-accent-brightness: #15110FFF;
77
- --on-dark-persona-olive-text-accent-brightness: #15110FFF;
78
- --on-light-persona-olive-text-accent-brightness: #EBE7E5FF;
79
- --on-light-persona-violet-text-accent-brightness: #EBE7E5FF;
80
- --inverse-surface-accent-secondary-brightness: #688F61FF;
81
- --on-dark-surface-transparent-accent-minor-brightness: #B4AE7B47;
82
- --surface-accent-primary-brightness: #B4AE7BFF;
83
- --on-dark-surface-solid-primary-hover: #1C1C1CFF;
84
- --on-dark-persona-green-text-accent-brightness: #15110FFF;
85
- --on-light-persona-sea-blue-text-accent-brightness: #EBE7E5FF;
86
- --on-light-outline-minor-brightness: #FFFFFFFF;
87
- --persona-sea-blue-text-accent-brightness: #15110FFF;
88
- --persona-violet-text-accent-brightness: #15110FFF;
89
- --inverse-persona-blue-text-accent-brightness: #EBE7E5FF;
90
- --inverse-persona-green-text-accent-brightness: #EBE7E5FF;
91
- --inverse-persona-indigo-text-accent-brightness: #EBE7E5FF;
92
- --on-light-persona-pink-text-accent-brightness: #EBE7E5FF;
93
- --on-dark-surface-accent-primary-brightness: #B4AE7BFF;
94
- --on-light-surface-transparent-accent-minor-brightness: #527E4B3D;
95
- --on-light-outline-default-brightness: #DDD9D7FF;
96
- --persona-pink-text-accent-brightness: #15110FFF;
97
- --text-tertiary-active: #F5F5F556;
98
- --text-tertiary: #F6F2F03D;
99
- --text-paragraph-hover: #F5F5F57A;
100
- --text-paragraph-active: #F5F5F5A3;
4
+ --on-dark-personas-green-text-accent: #6CD5BB;
5
+ --on-dark-personas-green-text-accent-hover: #84DCC6FF;
6
+ --on-dark-personas-green-text-accent-active: #54CFB0FF;
7
+ --on-dark-personas-ochre-text-accent-hover: #F7C8B6FF;
8
+ --on-dark-personas-ochre-text-accent-active: #F19F7EFF;
9
+ --surface-transparent-accent-minor-hover: #0BA88866;
10
+ --surface-transparent-accent-minor-active: #0BA88838;
11
+ --on-light-outline-primary-hover: #ADA39FFF;
12
+ --on-light-outline-primary-active: #C4BEBAFF;
13
+ --inverse-outline-default-hover: #CCCCCCFF;
14
+ --inverse-outline-default-active: #E6E6E6FF;
15
+ --inverse-personas-sea-blue-text-accent-hover: #000000FF;
16
+ --inverse-personas-sea-blue-text-accent-active: #4BB4B4FF;
17
+ --inverse-personas-blue-text-accent-hover: #1477E1FF;
18
+ --inverse-personas-blue-text-accent-active: #0D4F96FF;
19
+ --inverse-personas-violet-text-accent-hover: #B740C9FF;
20
+ --inverse-personas-violet-text-accent-active: #81288FFF;
21
+ --inverse-surface-transparent-accent-minor-hover: #0BA88857;
22
+ --inverse-surface-transparent-accent-minor-active: #0BA8885C;
23
+ --on-light-personas-blue-text-accent-hover: #1477E1FF;
24
+ --on-light-personas-blue-text-accent-active: #0D4F96FF;
25
+ --on-dark-surface-transparent-navi-hover: #242424B8;
26
+ --on-dark-surface-transparent-navi-active: #2424248A;
27
+ --inverse-outline-primary-hover: #ADA39FFF;
28
+ --inverse-outline-primary-active: #C4BEBAFF;
29
+ --on-light-outline-default-hover: #CCCCCCFF;
30
+ --on-light-outline-default-active: #E6E6E6FF;
31
+ --on-dark-outline-default-hover: #666666FF;
32
+ --on-dark-outline-default-active: #292929FF;
33
+ --personas-green-text-accent-hover: #04C396FF;
34
+ --personas-green-text-accent-active: #03A57FFF;
35
+ --personas-sea-blue-text-accent-hover: #00C5CCFF;
36
+ --personas-sea-blue-text-accent-active: #00A8ADFF;
37
+ --inverse-surface-accent-secondary-hover: #50C3A8FF;
38
+ --inverse-surface-accent-secondary-active: #3CAF94FF;
39
+ --on-light-surface-accent-secondary-hover: #50C3A8FF;
40
+ --on-light-surface-accent-secondary-active: #3CAF94FF;
41
+ --surface-transparent-navi-hover: #FFFFFFB8;
42
+ --surface-transparent-navi-active: #FFFFFF8A;
43
+ --on-light-surface-transparent-accent-minor-hover: #0BA8884D;
44
+ --on-light-surface-transparent-accent-minor-active: #0BA88852;
45
+ --on-light-personas-green-text-accent-hover: #04D7A6FF;
46
+ --on-light-personas-green-text-accent-active: #04AF87FF;
47
+ --outline-default-hover: #858585FF;
48
+ --outline-default-active: #666666FF;
49
+ --on-dark-outline-primary-hover: #6B6461FF;
50
+ --on-dark-outline-positive-minor-active: #074A14FF;
51
+ --on-dark-outline-primary-active: #2B2827FF;
52
+ --on-dark-personas-pink-text-accent-hover: #F26E6EFF;
53
+ --on-dark-personas-pink-text-accent-active: #F58A8AFF;
54
+ --outline-primary-hover: #91847EFF;
55
+ --outline-primary-active: #665C57FF;
56
+ --inverse-personas-indigo-text-accent-hover: #D2B4F8FF;
57
+ --inverse-personas-indigo-text-accent-active: #A46AF1FF;
58
+ --inverse-personas-pink-text-accent-hover: #FBCBCBFF;
59
+ --inverse-personas-pink-text-accent-active: #F48080FF;
60
+ --personas-olive-text-accent-hover: #A6D4A5FF;
61
+ --personas-olive-text-accent-active: #7DC07CFF;
62
+ --inverse-personas-ochre-text-accent-hover: #ED6C1DFF;
63
+ --inverse-personas-ochre-text-accent-active: #AA4A0EFF;
64
+ --on-dark-personas-olive-text-accent-hover: #A6D4A5FF;
65
+ --on-dark-personas-olive-text-accent-active: #7DC07CFF;
66
+ --inverse-surface-transparent-navi-hover: #FFFFFFFF;
67
+ --inverse-surface-transparent-navi-active: #FFFFFFFF;
68
+ --on-light-personas-olive-text-accent-hover: #1DB71AFF;
69
+ --on-light-personas-olive-text-accent-active: #179315FF;
70
+ --on-light-personas-violet-text-accent-hover: #B740C9FF;
71
+ --on-light-personas-violet-text-accent-active: #81288FFF;
72
+ --on-light-personas-ochre-text-accent-hover: #ED6C1DFF;
73
+ --on-light-outline-read-only-hover: #C7C7C7FF;
74
+ --on-light-personas-ochre-text-accent-active: #AA4A0EFF;
75
+ --on-dark-personas-indigo-text-accent-hover: #E8DAFCFF;
76
+ --on-dark-personas-indigo-text-accent-active: #AA73F2FF;
77
+ --on-dark-surface-accent-secondary-hover: #70CDB7FF;
78
+ --on-dark-surface-accent-secondary-active: #59C5ACFF;
79
+ --inverse-personas-green-text-accent-hover: #8CDECAFF;
80
+ --inverse-personas-green-text-accent-active: #4CCDACFF;
81
+ --on-light-personas-pink-text-accent-hover: #E47777FF;
82
+ --on-light-personas-pink-text-accent-active: #D73333FF;
83
+ --on-dark-personas-ochre-text-accent: #F4B49B;
84
+ --surface-accent-secondary-hover: #70CDB7FF;
85
+ --surface-accent-secondary-active: #59C5ACFF;
86
+ --personas-pink-text-accent-hover: #E26E6EFF;
87
+ --surface-transparent-accent-minor: #0BA68647;
88
+ --personas-pink-text-accent-active: #D83B3BFF;
89
+ --personas-indigo-text-accent-hover: #E8DAFCFF;
90
+ --personas-indigo-text-accent-active: #AA73F2FF;
91
+ --on-dark-personas-violet-text-accent-hover: #E9B6F2FF;
92
+ --on-dark-personas-violet-text-accent-active: #D982E8FF;
93
+ --on-light-outline-primary: #DDD9D7;
94
+ --on-light-surface-transparent-navi-hover: #FFFFFFFF;
95
+ --inverse-outline-default: #FFFFFF;
96
+ --on-light-surface-transparent-navi-active: #FFFFFFFF;
97
+ --inverse-personas-sea-blue-text-accent: #7BC8C8;
98
+ --background-hardline: #000000;
99
+ --inverse-personas-blue-text-accent: #1063BA;
100
+ --on-dark-personas-blue-text-accent-hover: #C3DDF9FF;
101
+ --inverse-personas-violet-text-accent: #9E32AF;
102
+ --on-dark-personas-blue-text-accent-active: #5DA3EFFF;
103
+ --inverse-surface-transparent-accent-minor: #0BA68647;
104
+ --on-light-personas-indigo-text-accent-hover: #000000FF;
105
+ --on-light-personas-blue-text-accent: #1063BA;
106
+ --on-light-personas-indigo-text-accent-active: #5B2999FF;
107
+ --on-dark-surface-transparent-navi: #23232399;
108
+ --on-light-personas-sea-blue-text-accent-hover: #00D9E0FF;
109
+ --inverse-outline-primary: #DDD9D7;
110
+ --on-light-personas-sea-blue-text-accent-active: #00B1B8FF;
111
+ --on-light-outline-default: #FFFFFF;
112
+ --inverse-personas-olive-text-accent-hover: #1DB71AFF;
113
+ --inverse-personas-olive-text-accent-active: #179315FF;
114
+ --personas-ochre-text-accent-hover: #F7C8B6FF;
115
+ --on-dark-outline-default: #383838;
116
+ --personas-ochre-text-accent-active: #F19F7EFF;
117
+ --personas-green-text-accent: #038768;
118
+ --personas-sea-blue-text-accent: #00898D;
119
+ --on-dark-surface-transparent-accent-minor-hover: #0BA88866;
120
+ --inverse-background-hardline: #000000;
121
+ --inverse-surface-accent-secondary: #41BDA1;
122
+ --on-dark-surface-transparent-accent-minor-active: #0BA88838;
123
+ --light-background-hardline: #FFFFFF;
124
+ --on-dark-personas-sea-blue-text-accent-hover: #FFFFFFFF;
125
+ --on-light-surface-accent-secondary: #41BDA1;
126
+ --surface-transparent-navi: #FFFFFF99;
127
+ --on-dark-personas-sea-blue-text-accent-active: #2D6C6CFF;
128
+ --personas-violet-text-accent-hover: #B438C7FF;
129
+ --on-light-surface-transparent-accent-minor: #0BA6863D;
130
+ --personas-violet-text-accent-active: #892B97FF;
131
+ --on-light-personas-green-text-accent: #038768;
132
+ --personas-blue-text-accent-hover: #C3DDF9FF;
133
+ --outline-default: #FFFFFF;
134
+ --personas-blue-text-accent-active: #5DA3EFFF;
135
+ --text-primary-brightness-hover: #FAFAFA93;
136
+ --dark-background-hardline: #000000;
137
+ --text-primary-brightness-active: #FAFAFAC4;
138
+ --on-dark-outline-primary: #3B3735;
139
+ --on-dark-text-primary-brightness-hover: #FAFAFA93;
140
+ --on-dark-personas-pink-text-accent: #F7A4A4;
141
+ --on-dark-text-primary-brightness-active: #FAFAFAC4;
142
+ --on-light-text-primary-brightness-hover: #17171793;
143
+ --on-light-text-primary-brightness-active: #171717C4;
144
+ --inverse-text-primary-brightness-hover: #17171793;
145
+ --inverse-text-primary-brightness-active: #171717C4;
146
+ --surface-solid-primary-brightness-active: #212121FF;
147
+ --surface-transparent-card-brightness-hover: #FAFAFA1F;
148
+ --surface-transparent-card-brightness-active: #FAFAFA0A;
149
+ --surface-solid-card-brightness-hover: #303030FF;
150
+ --surface-solid-card-brightness-active: #212121FF;
151
+ --surface-solid-primary-brightness-hover: #303030FF;
152
+ --on-dark-surface-solid-primary-brightness-hover: #303030FF;
153
+ --on-dark-surface-solid-primary-brightness-active: #212121FF;
154
+ --on-dark-surface-transparent-card-brightness-hover: #FAFAFA1F;
155
+ --on-dark-surface-transparent-card-brightness-active: #FAFAFA0A;
156
+ --on-dark-surface-solid-card-brightness-hover: #303030FF;
157
+ --on-dark-surface-solid-card-brightness-active: #212121FF;
158
+ --on-light-surface-solid-primary-brightness-hover: #FFFFFFFF;
159
+ --on-light-surface-solid-primary-brightness-active: #FFFFFFFF;
160
+ --outline-transparent-negative-hover: #F36876FF;
161
+ --on-dark-outline-transparent-warning-active: #B34100FF;
162
+ --outline-primary: #DDD9D7;
163
+ --inverse-personas-indigo-text-accent: #BD91F5;
164
+ --inverse-personas-pink-text-accent: #F7A4A4;
165
+ --on-dark-text-warning-minor-hover: #BB4F11FF;
166
+ --on-light-outline-positive-active: #20801EFF;
167
+ --personas-olive-text-accent: #93CB92;
168
+ --inverse-personas-ochre-text-accent: #D15A11;
169
+ --surface-solid-tertiary-active: #424242FF;
170
+ --on-light-surface-solid-tertiary-active: #FFFFFFFF;
171
+ --on-light-surface-warning-minor-active: #FED9C3FF;
172
+ --on-light-data-yellow-transparent-hover: #F5B638FF;
173
+ --on-dark-personas-olive-text-accent: #93CB92;
174
+ --on-light-surface-transparent-card-brightness-hover: #FFFFFFFF;
175
+ --on-dark-surface-accent-minor-active: #043F34FF;
176
+ --text-primary: #FFFFFFFC;
177
+ --on-dark-text-accent-minor-hover: #60C7AFFF;
178
+ --inverse-surface-transparent-navi: #FFFFFF99;
179
+ --on-light-personas-olive-text-accent: #127210;
180
+ --inverse-surface-positive-minor-active: #8BF99FFF;
181
+ --on-light-surface-transparent-card-brightness-active: #FFFFFFFF;
182
+ --on-light-surface-solid-card-brightness-hover: #FFFFFFFF;
183
+ --on-light-surface-solid-card-brightness-active: #FFFFFFFF;
184
+ --inverse-surface-solid-primary-brightness-hover: #FFFFFFFF;
185
+ --inverse-surface-solid-primary-brightness-active: #FFFFFFFF;
186
+ --inverse-surface-transparent-card-brightness-hover: #FFFFFFFF;
187
+ --on-light-outline-solid-tertiary-hover: #A3A3A3FF;
188
+ --on-light-outline-warning-active: #A3420AFF;
189
+ --inverse-outline-transparent-secondary-active: #080808FF;
190
+ --inverse-outline-transparent-warning-active: #5D2809FF;
191
+ --inverse-data-yellow-minor-hover: #FFCF70FF;
192
+ --on-light-personas-violet-text-accent: #9E32AF;
193
+ --on-light-personas-ochre-text-accent: #D15A11;
194
+ --on-dark-personas-indigo-text-accent: #BD91F5;
195
+ --on-dark-surface-accent-secondary: #61C8B0;
196
+ --inverse-personas-green-text-accent: #6CD5BB;
197
+ --on-light-personas-pink-text-accent: #DE5555;
198
+ --surface-accent-secondary: #61C8B0;
199
+ --surface-accent-minor: #04473B;
200
+ --on-dark-surface-solid-tertiary-active: #424242FF;
201
+ --light-background-secondary: #F6F2F0;
202
+ --inverse-surface-solid-tertiary: #FFFFFF;
203
+ --on-light-surface-accent-minor: #D0F2E9;
204
+ --inverse-surface-transparent-card-brightness-active: #FFFFFFFF;
205
+ --on-dark-outline-transparent-tertiary-active: #616161FF;
206
+ --inverse-surface-solid-card-brightness-hover: #FFFFFFFF;
207
+ --on-dark-surface-transparent-warning-active: #C74900FF;
208
+ --on-light-surface-accent-minor-hover: #C7F0E5FF;
209
+ --inverse-surface-accent-minor: #D0F2E9;
210
+ --outline-transparent-positive-hover: #13BE32FF;
211
+ --outline-solid-tertiary-hover: #FFFFFFFF;
212
+ --inverse-surface-solid-card-brightness-active: #FFFFFFFF;
213
+ --on-dark-surface-accent-minor-hover: #055C4CFF;
214
+ --personas-pink-text-accent: #DE5555;
215
+ --personas-indigo-text-accent: #BD91F5;
216
+ --on-dark-personas-violet-text-accent: #E19DED;
217
+ --on-light-surface-transparent-navi: #FFFFFF99;
218
+ --on-dark-personas-blue-text-accent: #79B3F2;
219
+ --on-light-personas-indigo-text-accent: #7133BE;
220
+ --on-light-personas-sea-blue-text-accent: #00898D;
221
+ --inverse-personas-olive-text-accent: #127210;
222
+ --personas-ochre-text-accent: #F4B49B;
223
+ --on-dark-surface-transparent-accent-minor: #0BA68647;
224
+ --inverse-outline-warning-minor-active: #FC8240FF;
225
+ --on-light-text-warning-active: #6F2D06FF;
226
+ --on-dark-personas-sea-blue-text-accent: #7BC8C8;
227
+ --text-info-minor-active: #10659EFF;
228
+ --inverse-text-warning-minor-hover: #FDB790FF;
229
+ --on-dark-outline-warning-minor-active: #70300AFF;
230
+ --personas-violet-text-accent: #9E32AF;
231
+ --personas-blue-text-accent: #79B3F2;
232
+ --text-secondary: #F6F2F0A3;
101
233
  --text-paragraph: #F6F2F07A;
102
- --text-accent-hover: #96E208FF;
103
- --text-accent-active: #629405FF;
104
- --text-accent-minor-active: #2F4408FF;
105
- --text-positive-hover: #96E208FF;
106
- --text-positive-active: #629405FF;
107
- --text-warning-hover: #FF8442FF;
108
- --text-warning-active: #FF5D05FF;
109
- --text-warning: #DA6828FF;
110
- --text-negative-hover: #FF5C6CFF;
111
- --text-negative-active: #FF1F35FF;
112
- --text-negative: #F57E83FF;
113
- --text-info-hover: #66BCF5FF;
114
- --text-info-active: #0E8ADDFF;
115
- --text-info: #70B2F5FF;
116
- --text-accent: #B4AE7BFF;
117
- --text-positive: #50A84CFF;
118
- --text-accent-minor: #B4AE7B7A;
119
- --on-dark-text-primary-hover: #F5F5F593;
120
- --on-dark-text-primary-active: #F5F5F5C4;
121
- --on-dark-text-primary: #F6F2F0FF;
122
- --on-dark-text-primary-brightness: #F6F6F6FF;
123
- --on-dark-text-secondary-hover: #F5F5F5FF;
124
- --on-dark-text-secondary-active: #F5F5F5AB;
234
+ --text-paragraph-hover: #F5F1EFFF;
235
+ --text-paragraph-active: #F5F1EF93;
236
+ --text-accent: #61C8B0;
237
+ --text-accent-hover: #77CFBBFF;
238
+ --text-accent-active: #4ABFA4FF;
239
+ --text-accent-minor: #61C8B07A;
240
+ --text-accent-minor-hover: #60C7AFFF;
241
+ --text-accent-minor-active: #60C7AF93;
242
+ --text-positive: #50A84C;
243
+ --text-positive-hover: #62B65DFF;
244
+ --text-positive-active: #469442FF;
245
+ --text-warning: #DA6828;
246
+ --text-warning-hover: #DF7D43FF;
247
+ --text-warning-active: #C45D21FF;
248
+ --text-negative: #F57E83;
249
+ --text-negative-hover: #F89BA0FF;
250
+ --text-negative-active: #F3626AFF;
251
+ --text-info: #70B2F5;
252
+ --text-info-hover: #BCDBFAFF;
253
+ --text-info-active: #53A3F3FF;
254
+ --text-positive-minor-hover: #0F9527FF;
255
+ --text-positive-minor-active: #0C7920FF;
256
+ --text-warning-minor-hover: #BB4F11FF;
257
+ --text-warning-minor-active: #9F440FFF;
258
+ --text-negative-minor-hover: #B91828FF;
259
+ --text-negative-minor-active: #83111CFF;
260
+ --text-info-minor-hover: #1277BAFF;
261
+ --text-secondary-hover: #F5F1EFFF;
262
+ --text-primary-active: #FFFFFFCA;
263
+ --text-secondary-active: #F5F1EFC4;
264
+ --text-tertiary: #F6F2F03D;
265
+ --text-tertiary-hover: #F5F1EFFF;
266
+ --text-tertiary-active: #F5F1EF49;
267
+ --text-primary-brightness: #FAFAFAF5;
268
+ --on-dark-text-tertiary-active: #F5F1EF49;
269
+ --on-dark-text-paragraph: #F6F2F07A;
270
+ --on-dark-text-paragraph-hover: #F5F1EFFF;
271
+ --on-dark-text-paragraph-active: #F5F1EF93;
272
+ --on-dark-text-accent: #61C8B0ED;
273
+ --on-dark-text-accent-hover: #60C7AF8E;
274
+ --on-dark-text-accent-active: #60C7AFBE;
275
+ --on-dark-text-accent-minor: #61C8B07A;
276
+ --on-dark-text-accent-minor-active: #60C7AF93;
277
+ --on-dark-text-positive: #50A84C;
278
+ --on-dark-text-positive-hover: #62B65DFF;
279
+ --on-dark-text-positive-active: #469442FF;
280
+ --on-dark-text-warning: #DA6828;
281
+ --on-dark-text-warning-hover: #DF7D43FF;
282
+ --on-dark-text-warning-active: #C45D21FF;
283
+ --on-dark-text-negative: #F57E83;
284
+ --on-dark-text-negative-hover: #F89BA0FF;
285
+ --on-dark-text-negative-active: #F3626AFF;
286
+ --on-dark-text-info: #70B2F5;
287
+ --on-dark-text-info-hover: #BCDBFAFF;
288
+ --on-dark-text-info-active: #53A3F3FF;
289
+ --on-dark-text-positive-minor-hover: #0F9527FF;
290
+ --on-dark-text-positive-minor-active: #0C7920FF;
291
+ --on-dark-text-primary-active: #FFFFFFCA;
292
+ --on-dark-text-primary: #FFFFFFFC;
293
+ --on-dark-text-primary-brightness: #FAFAFAF5;
125
294
  --on-dark-text-secondary: #F6F2F0A3;
126
- --on-dark-text-tertiary-hover: #F5F5F5FF;
127
- --on-dark-text-tertiary-active: #F5F5F556;
128
- --text-primary-active: #F5F5F5C4;
129
- --text-primary: #F6F2F0FF;
130
- --text-primary-brightness: #F6F6F6FF;
131
- --text-secondary-active: #F5F5F5AB;
132
- --text-secondary: #F6F2F0A3;
133
- --on-dark-text-positive-hover: #96E208FF;
134
- --on-dark-text-positive-active: #629405FF;
135
- --on-dark-text-warning-hover: #FF8442FF;
136
- --on-dark-text-warning-active: #FF5D05FF;
137
- --on-dark-text-warning: #DA6828FF;
138
- --on-dark-text-negative-hover: #FF5C6CFF;
139
- --on-dark-text-negative-active: #FF1F35FF;
140
- --on-dark-text-negative: #F57E83FF;
141
- --on-dark-text-info: #70B2F5FF;
142
- --on-dark-text-accent: #B4AE7BFF;
143
- --on-dark-text-positive: #79BB74FF;
144
- --on-dark-text-accent-minor: #B4AE7BFF;
145
- --on-light-text-primary-hover: #17171793;
146
- --on-light-text-primary-active: #171717C4;
147
- --on-light-text-primary: #15110FFF;
148
- --on-light-text-primary-brightness: #2525F6FF;
149
- --on-light-text-secondary-hover: #171717FF;
150
- --on-light-text-secondary-active: #171717AB;
295
+ --on-dark-text-secondary-hover: #F5F1EFFF;
296
+ --on-dark-text-tertiary: #F6F2F03D;
297
+ --on-dark-text-tertiary-hover: #F5F1EFFF;
298
+ --on-dark-text-secondary-active: #F5F1EFC4;
299
+ --on-dark-text-primary-hover: #FFFFFF97;
300
+ --on-dark-text-negative-minor-active: #83111CFF;
301
+ --on-light-text-primary-hover: #15110F97;
302
+ --on-light-text-primary-active: #15110FCA;
303
+ --on-light-text-primary-brightness: #171717F5;
151
304
  --on-light-text-secondary: #15110FA3;
152
- --on-light-text-tertiary-hover: #171717FF;
153
- --on-light-text-tertiary-active: #17171756;
305
+ --on-light-text-secondary-hover: #15110FFF;
306
+ --on-light-text-secondary-active: #15110FC4;
154
307
  --on-light-text-tertiary: #15110F3D;
155
- --on-light-text-paragraph-hover: #1717177A;
156
- --on-light-text-paragraph-active: #171717A3;
308
+ --on-light-text-tertiary-hover: #15110FFF;
309
+ --on-light-text-tertiary-active: #15110F49;
157
310
  --on-light-text-paragraph: #15110F66;
158
- --on-dark-text-paragraph-hover: #F5F5F57A;
159
- --on-dark-text-paragraph-active: #F5F5F5A3;
160
- --on-dark-text-paragraph: #F6F2F07A;
161
- --on-dark-text-accent-active: #629405FF;
162
- --on-dark-text-accent-minor-hover: #6EA013FF;
163
- --on-light-text-positive-hover: #79B706FF;
164
- --on-light-text-positive-active: #3E5E03FF;
165
- --on-light-text-warning-hover: #FD650DFF;
166
- --on-light-text-warning-active: #CA4B02FF;
167
- --on-light-text-warning: #973C09FF;
168
- --on-light-text-negative-hover: #F5384BFF;
169
- --on-light-text-negative-active: #E40C22FF;
170
- --on-light-text-negative: #D11D23FF;
171
- --on-light-text-info-hover: #34A7F4FF;
172
- --on-light-text-info-active: #096CAEFF;
173
- --on-light-text-info: #205EA5FF;
174
- --on-light-text-accent: #52804AFF;
175
- --on-light-text-positive: #207F1FFF;
176
- --on-light-text-accent-minor: #52804A66;
177
- --inverse-text-primary-hover: #17171793;
178
- --inverse-text-primary-active: #171717C4;
179
- --inverse-text-primary: #15110FFF;
180
- --inverse-text-primary-brightness: #2525F6FF;
181
- --inverse-text-secondary-hover: #171717FF;
182
- --inverse-text-secondary-active: #171717AB;
311
+ --on-light-text-paragraph-hover: #15110FFF;
312
+ --on-light-text-paragraph-active: #15110F7A;
313
+ --on-light-text-accent: #0A8E73;
314
+ --on-light-text-accent-hover: #0DB593FF;
315
+ --on-light-text-accent-active: #076955FF;
316
+ --on-light-text-accent-minor: #0A8E7366;
317
+ --on-light-text-accent-minor-hover: #0A8F74FF;
318
+ --on-light-text-accent-minor-active: #0A8F747A;
319
+ --on-light-text-positive: #207F1F;
320
+ --on-light-text-positive-hover: #29A027FF;
321
+ --on-light-text-positive-active: #185E17FF;
322
+ --on-light-text-warning: #973C09;
323
+ --on-light-text-warning-hover: #BC4C0BFF;
324
+ --on-dark-text-info-minor-hover: #1277BAFF;
325
+ --on-dark-text-info-minor-active: #10659EFF;
326
+ --on-light-text-primary: #15110FFC;
327
+ --on-dark-text-negative-minor-hover: #B91828FF;
328
+ --on-light-text-warning-minor-hover: #FDB790FF;
329
+ --on-light-text-warning-minor-active: #FC8240FF;
330
+ --on-light-text-negative-minor-hover: #FFB8BFFF;
331
+ --on-light-text-negative-minor-active: #FF6675FF;
332
+ --on-light-text-info-minor-hover: #7ACAFFFF;
333
+ --on-light-text-info-minor-active: #29A9FFFF;
334
+ --inverse-text-primary: #15110FFC;
335
+ --inverse-text-primary-hover: #15110F97;
336
+ --inverse-text-primary-active: #15110FCA;
337
+ --inverse-text-primary-brightness: #171717F5;
183
338
  --inverse-text-secondary: #15110FA3;
184
- --inverse-text-tertiary-hover: #171717FF;
185
- --inverse-text-tertiary-active: #17171756;
339
+ --inverse-text-secondary-hover: #15110FFF;
340
+ --inverse-text-secondary-active: #15110FC4;
186
341
  --inverse-text-tertiary: #15110F3D;
187
- --inverse-text-paragraph-hover: #1717177A;
188
- --inverse-text-paragraph-active: #171717A3;
189
- --inverse-text-accent-hover: #79B706FF;
190
- --on-light-text-accent-active: #3E5E03FF;
191
- --on-light-text-accent-minor-active: #70AA03FF;
192
- --background-primary-brightness: #171717FF;
193
- --inverse-text-positive-hover: #79B706FF;
194
- --inverse-text-positive-active: #3E5E03FF;
195
- --inverse-text-warning-active: #CA4B02FF;
196
- --inverse-text-warning: #973C09FF;
197
- --inverse-text-negative-hover: #F5384BFF;
198
- --inverse-text-negative-active: #E40C22FF;
199
- --inverse-text-negative: #D11D23FF;
200
- --inverse-text-info-hover: #34A7F4FF;
201
- --inverse-text-info-active: #096CAEFF;
202
- --inverse-text-info: #205EA5FF;
203
- --inverse-text-accent: #52804AFF;
204
- --inverse-text-positive: #207F1FFF;
205
- --surface-solid-primary-active: #121212FF;
206
- --surface-solid-primary: #232323FF;
207
- --surface-solid-primary-brightness: #252525FF;
208
- --surface-solid-secondary-hover: #303030FF;
209
- --surface-solid-secondary-active: #212121FF;
210
- --surface-solid-secondary: #292929FF;
211
- --surface-solid-tertiary-hover: #404040FF;
212
- --surface-solid-tertiary-active: #303030FF;
213
- --surface-solid-tertiary: #474747FF;
214
- --surface-solid-card-hover: #1C1C1CFF;
215
- --surface-solid-card-active: #121212FF;
216
- --surface-solid-card: #232323FF;
217
- --surface-solid-card-brightness: #252525FF;
218
- --surface-solid-default-active: #F5F5F5FF;
219
- --inverse-text-accent-minor-hover: #B6FB37FF;
220
- --inverse-text-accent-minor-active: #70AA03FF;
221
- --surface-transparent-tertiary-hover: #FFFFFF52;
222
- --surface-transparent-tertiary-active: #FFFFFF24;
342
+ --inverse-text-tertiary-hover: #15110FFF;
343
+ --inverse-text-tertiary-active: #15110F49;
344
+ --inverse-text-paragraph: #15110F66;
345
+ --inverse-text-paragraph-hover: #15110FFF;
346
+ --inverse-text-paragraph-active: #15110F7A;
347
+ --inverse-text-accent: #0A8E73;
348
+ --inverse-text-accent-hover: #0DB593FF;
349
+ --inverse-text-accent-active: #076955FF;
350
+ --inverse-text-accent-minor: #0A8E7366;
351
+ --inverse-text-accent-minor-hover: #0A8F74FF;
352
+ --inverse-text-accent-minor-active: #0A8F747A;
353
+ --on-light-text-negative-active: #AF181DFF;
354
+ --on-light-text-negative: #D11D23;
355
+ --on-light-text-info: #205EA5;
356
+ --on-light-text-info-hover: #000000FF;
357
+ --on-light-text-info-active: #194B85FF;
358
+ --on-light-text-positive-minor-hover: #47DC62FF;
359
+ --on-light-text-positive-minor-active: #21B03CFF;
360
+ --on-light-text-negative-hover: #E3353BFF;
361
+ --inverse-text-warning-active: #6F2D06FF;
362
+ --inverse-text-negative: #D11D23;
363
+ --inverse-text-negative-hover: #E3353BFF;
364
+ --inverse-text-negative-active: #AF181DFF;
365
+ --inverse-text-info: #205EA5;
366
+ --inverse-text-info-hover: #000000FF;
367
+ --inverse-text-info-active: #194B85FF;
368
+ --inverse-text-positive-minor-hover: #47DC62FF;
369
+ --inverse-text-positive-minor-active: #21B03CFF;
370
+ --inverse-text-warning-minor-active: #FC8240FF;
371
+ --inverse-text-negative-minor-hover: #FFB8BFFF;
372
+ --inverse-text-negative-minor-active: #FF6675FF;
373
+ --inverse-text-info-minor-hover: #7ACAFFFF;
374
+ --inverse-text-info-minor-active: #29A9FFFF;
375
+ --surface-solid-primary: #232323;
376
+ --surface-solid-primary-hover: #2E2E2EFF;
377
+ --surface-solid-primary-active: #1F1F1FFF;
378
+ --surface-solid-primary-brightness: #262626FF;
379
+ --surface-solid-secondary: #292929;
380
+ --surface-solid-secondary-hover: #333333FF;
381
+ --surface-solid-secondary-active: #242424FF;
382
+ --surface-solid-tertiary: #474747;
383
+ --surface-solid-tertiary-hover: #525252FF;
384
+ --inverse-text-positive: #207F1F;
385
+ --inverse-text-positive-hover: #29A027FF;
386
+ --inverse-text-warning: #973C09;
387
+ --inverse-text-warning-hover: #BC4C0BFF;
388
+ --inverse-text-positive-active: #185E17FF;
389
+ --surface-transparent-primary-active: #FFFFFFFF;
390
+ --surface-transparent-secondary: #FFFFFF29;
391
+ --surface-transparent-secondary-hover: #FFFFFFFF;
392
+ --surface-transparent-secondary-active: #FFFFFFFF;
223
393
  --surface-transparent-tertiary: #FFFFFF3D;
224
- --surface-transparent-deep-hover: #FFFFFFC2;
225
- --surface-transparent-deep-active: #FFFFFF94;
394
+ --surface-transparent-tertiary-hover: #FFFFFFFF;
395
+ --surface-transparent-tertiary-active: #FFFFFFFF;
226
396
  --surface-transparent-deep: #373737B8;
227
- --surface-transparent-card-hover: #FFFFFF1F;
228
- --surface-transparent-card-active: #FFFFFF0A;
229
- --surface-transparent-card: #23232399;
230
- --surface-transparent-card-brightness: #FFFF1DFF;
231
- --surface-clear-hover: #00000000;
232
- --surface-clear-active: #00000000;
233
- --surface-clear: #00000000;
234
- --surface-accent-minor-active: #182108FF;
235
- --surface-transparent-accent-hover: #1A9E3252;
236
- --surface-transparent-accent-active: #1A9E3224;
237
- --surface-positive-hover: #6FA706FF;
238
- --surface-positive-active: #5B8A05FF;
239
- --surface-warning-hover: #FB7223FF;
240
- --surface-transparent-primary-hover: #FFFFFF1F;
241
- --surface-transparent-primary-active: #FFFFFF0A;
242
- --surface-transparent-secondary-active: #FFFFFF0F;
243
- --surface-transparent-secondary: #FFFFFF29;
244
- --surface-transparent-accent: #B4AE7B33;
245
- --surface-info: #9BCAF8FF;
246
- --surface-positive: #A6D2A2FF;
247
- --surface-accent-minor: #3E4C2FFF;
248
- --on-dark-surface-solid-primary: #232323FF;
249
- --on-dark-surface-solid-secondary-hover: #303030FF;
250
- --on-dark-surface-solid-secondary-active: #212121FF;
251
- --on-dark-surface-solid-secondary: #292929FF;
252
- --on-dark-surface-solid-tertiary-hover: #404040FF;
253
- --on-dark-surface-solid-tertiary-active: #303030FF;
254
- --on-dark-surface-solid-tertiary: #474747FF;
255
- --on-dark-surface-solid-card-hover: #1C1C1CFF;
256
- --on-dark-surface-solid-card-active: #121212FF;
257
- --on-dark-surface-solid-card: #232323FF;
258
- --on-dark-surface-solid-card-brightness: #252525FF;
259
- --on-dark-surface-solid-default-hover: #FFFFFFFF;
260
- --on-dark-surface-solid-default-active: #F5F5F5FF;
261
- --on-dark-surface-solid-default: #FFFFFFFF;
262
- --on-dark-surface-transparent-primary-hover: #FFFFFF1F;
263
- --on-dark-surface-transparent-primary-active: #FFFFFF0A;
264
- --on-dark-surface-transparent-primary: #FFFFFF14;
265
- --on-dark-surface-transparent-secondary-hover: #FFFFFF3D;
266
- --on-dark-surface-transparent-secondary-active: #FFFFFF0F;
267
- --surface-warning: #F8AD80FF;
268
- --surface-negative-hover: #FF475AFF;
269
- --surface-negative-active: #FF1F35FF;
270
- --surface-info-hover: #1798EEFF;
271
- --surface-info-active: #1086D5FF;
272
- --on-dark-surface-transparent-card-active: #FFFFFF0A;
273
- --on-dark-surface-transparent-card-brightness: #FFFF1DFF;
274
- --on-dark-surface-accent-minor-hover: #2A390EFF;
275
- --on-dark-surface-accent-minor-active: #182108FF;
276
- --on-dark-surface-transparent-accent-hover: #1A9E3252;
277
- --on-dark-surface-transparent-accent-active: #1A9E3224;
278
- --on-dark-surface-positive-hover: #6FA706FF;
279
- --on-dark-surface-positive-active: #5B8A05FF;
280
- --on-dark-surface-warning-hover: #FB7223FF;
281
- --on-dark-surface-warning-active: #F05B05FF;
282
- --on-dark-surface-warning: #FA5F05FF;
283
- --on-dark-surface-negative-hover: #FF475AFF;
284
- --on-dark-surface-negative-active: #FF1F35FF;
285
- --on-dark-surface-transparent-tertiary-hover: #FFFFFF52;
286
- --on-dark-surface-transparent-tertiary-active: #FFFFFF24;
287
- --on-dark-surface-transparent-deep-hover: #FFFFFFC2;
397
+ --surface-transparent-deep-hover: #383838D6;
398
+ --surface-transparent-deep-active: #383838A8;
399
+ --surface-transparent-card: #23232380;
400
+ --surface-transparent-card-hover: #2424249E;
401
+ --surface-transparent-card-active: #24242470;
402
+ --surface-transparent-card-brightness: #FAFAFA0F;
403
+ --surface-clear: #FFFFFF00;
404
+ --surface-clear-hover: #FFFFFFFF;
405
+ --surface-clear-active: #FFFFFFFF;
406
+ --surface-accent: #0BA686;
407
+ --surface-accent-hover: #0CBB98FF;
408
+ --surface-accent-active: #0A9E81FF;
409
+ --surface-accent-minor-hover: #055C4CFF;
410
+ --surface-accent-minor-active: #043F34FF;
411
+ --surface-transparent-accent: #0BA68633;
412
+ --surface-transparent-accent-hover: #0BA88852;
413
+ --surface-transparent-accent-active: #0BA88824;
414
+ --surface-solid-card-active: #1F1F1FFF;
415
+ --surface-solid-card: #232323;
416
+ --surface-solid-card-brightness: #262626FF;
417
+ --surface-solid-default: #F6F2F0;
418
+ --surface-solid-default-hover: #F9F7F5FF;
419
+ --surface-transparent-primary: #FFFFFF14;
420
+ --surface-transparent-primary-hover: #FFFFFFFF;
421
+ --surface-solid-default-active: #F2ECE9FF;
422
+ --surface-solid-card-hover: #2E2E2EFF;
423
+ --surface-positive-active: #9FCF9BFF;
424
+ --surface-warning: #F8AD80;
425
+ --surface-warning-hover: #F9BB94FF;
426
+ --surface-warning-active: #F8A977FF;
427
+ --surface-negative: #F8A6A9;
428
+ --surface-negative-hover: #F9B8BAFF;
429
+ --surface-negative-active: #F79C9FFF;
430
+ --surface-info: #9BCAF8;
431
+ --surface-info-hover: #AED4F9FF;
432
+ --surface-info-active: #91C4F7FF;
433
+ --surface-positive-minor-hover: #0E3A16FF;
434
+ --surface-positive-minor-active: #08210CFF;
435
+ --surface-positive: #A6D2A2;
436
+ --surface-positive-hover: #B3D9B0FF;
437
+ --surface-transparent-warning-hover: #E65400FF;
438
+ --surface-transparent-warning-active: #C74900FF;
439
+ --surface-transparent-negative-hover: #ED1D31FF;
440
+ --surface-transparent-negative-active: #D91226FF;
441
+ --surface-transparent-info-hover: #0D7EC9FF;
442
+ --surface-transparent-info-active: #0B6CADFF;
443
+ --surface-read-only: #F9F9F905;
444
+ --surface-read-only-hover: #FFFFFFFF;
445
+ --surface-read-only-active: #F5F5F5FF;
446
+ --on-dark-surface-solid-primary: #232323;
447
+ --on-dark-surface-solid-primary-hover: #2E2E2EFF;
448
+ --on-dark-surface-solid-primary-active: #1F1F1FFF;
449
+ --on-dark-surface-solid-primary-brightness: #262626FF;
450
+ --on-dark-surface-solid-secondary: #292929;
451
+ --on-dark-surface-solid-secondary-hover: #333333FF;
452
+ --on-dark-surface-solid-secondary-active: #242424FF;
453
+ --on-dark-surface-solid-tertiary: #474747;
454
+ --on-dark-surface-solid-tertiary-hover: #525252FF;
455
+ --surface-warning-minor-active: #351909FF;
456
+ --surface-warning-minor-hover: #4F250DFF;
457
+ --surface-negative-minor-active: #410B11FF;
458
+ --surface-negative-minor-hover: #5B1018FF;
459
+ --surface-info-minor-active: #0A2333FF;
460
+ --surface-transparent-positive-hover: #0F9928FF;
461
+ --surface-info-minor-hover: #10344CFF;
462
+ --surface-transparent-positive-active: #0C7D21FF;
463
+ --on-dark-surface-transparent-primary-active: #FFFFFFFF;
464
+ --on-dark-surface-transparent-secondary: #FFFFFF29;
465
+ --on-dark-surface-transparent-secondary-hover: #FFFFFFFF;
466
+ --on-dark-surface-transparent-secondary-active: #FFFFFFFF;
467
+ --on-dark-surface-transparent-tertiary: #FFFFFF3D;
468
+ --on-dark-surface-transparent-tertiary-hover: #FFFFFFFF;
469
+ --on-dark-surface-transparent-tertiary-active: #FFFFFFFF;
288
470
  --on-dark-surface-transparent-deep: #373737B8;
289
- --on-dark-surface-transparent-card-hover: #FFFFFF1F;
290
- --on-light-surface-solid-primary: #FFFFFFFF;
291
- --on-light-surface-solid-primary-brightness: #F6F6F6FF;
292
- --on-light-surface-solid-secondary-hover: #E8E8E8FF;
293
- --on-light-surface-solid-secondary-active: #E6E6E6FF;
294
- --on-light-surface-solid-secondary: #FFFFFFFF;
295
- --on-light-surface-solid-tertiary-active: #D4D4D4FF;
296
- --on-light-surface-solid-tertiary: #FFFFFFFF;
297
- --on-light-surface-solid-card-hover: #FFFFFFFF;
298
- --on-light-surface-solid-card-active: #FFFFFFFF;
299
- --on-light-surface-solid-card: #FFFFFFFF;
300
- --on-light-surface-solid-card-brightness: #FFFFFFFF;
301
- --on-light-surface-solid-default-active: #030303FF;
302
- --on-light-surface-solid-default: #15110FFF;
303
- --on-light-surface-transparent-primary-hover: #0808080A;
304
- --on-light-surface-transparent-primary-active: #0808080D;
305
- --on-light-surface-transparent-secondary-hover: #08080814;
306
- --on-light-surface-transparent-secondary-active: #0808081A;
471
+ --on-dark-surface-transparent-deep-hover: #383838D6;
472
+ --on-dark-surface-transparent-deep-active: #383838A8;
473
+ --on-dark-surface-transparent-card: #23232380;
474
+ --on-dark-surface-transparent-card-hover: #2424249E;
475
+ --on-dark-surface-transparent-card-active: #24242470;
476
+ --on-dark-surface-transparent-card-brightness: #FAFAFA0F;
477
+ --on-dark-surface-clear: #FFFFFF00;
478
+ --on-dark-surface-clear-hover: #FFFFFF00;
479
+ --on-dark-surface-clear-active: #FFFFFF00;
480
+ --on-dark-surface-accent: #0BA686;
481
+ --on-dark-surface-accent-hover: #0CBB98FF;
482
+ --on-dark-surface-accent-active: #0A9E81FF;
483
+ --on-dark-surface-accent-minor: #04473B;
484
+ --on-dark-surface-solid-card-active: #1F1F1FFF;
485
+ --on-dark-surface-solid-card: #232323;
486
+ --on-dark-surface-solid-card-brightness: #262626FF;
487
+ --on-dark-surface-solid-default-hover: #F9F7F5FF;
488
+ --on-dark-surface-solid-default-active: #F2ECE9FF;
489
+ --on-dark-surface-transparent-primary: #FFFFFF14;
490
+ --on-dark-surface-transparent-primary-hover: #FFFFFFFF;
491
+ --on-dark-surface-solid-card-hover: #2E2E2EFF;
492
+ --on-dark-surface-positive: #A6D2A2;
493
+ --on-dark-surface-positive-hover: #B3D9B0FF;
494
+ --on-dark-surface-positive-active: #9FCF9BFF;
495
+ --on-dark-surface-warning: #F8AD80;
496
+ --on-dark-surface-warning-hover: #F9BB94FF;
497
+ --on-dark-surface-warning-active: #F8A977FF;
498
+ --on-dark-surface-negative: #F8A6A9;
499
+ --on-dark-surface-negative-hover: #F9B8BAFF;
500
+ --on-dark-surface-negative-active: #F79C9FFF;
501
+ --on-dark-surface-info: #9BCAF8;
502
+ --on-dark-surface-info-hover: #AED4F9FF;
503
+ --on-dark-surface-info-active: #91C4F7FF;
504
+ --on-dark-surface-positive-minor-hover: #0E3A16FF;
505
+ --on-dark-surface-positive-minor-active: #08210CFF;
506
+ --on-dark-surface-warning-minor-hover: #4F250DFF;
507
+ --on-dark-surface-warning-minor-active: #351909FF;
508
+ --on-dark-surface-transparent-accent-active: #0BA88824;
509
+ --on-dark-surface-transparent-accent: #0BA68633;
510
+ --on-dark-surface-transparent-accent-hover: #0BA88852;
511
+ --on-dark-surface-transparent-warning-hover: #E65400FF;
512
+ --on-dark-surface-transparent-negative-hover: #ED1D31FF;
513
+ --on-dark-surface-transparent-negative-active: #D91226FF;
514
+ --on-dark-surface-transparent-info-hover: #0D7EC9FF;
515
+ --on-dark-surface-transparent-info-active: #0B6CADFF;
516
+ --on-dark-surface-read-only: #F9F9F905;
517
+ --on-dark-surface-read-only-hover: #FFFFFFFF;
518
+ --on-dark-surface-read-only-active: #F5F5F5FF;
519
+ --on-light-surface-solid-primary: #FFFFFF;
520
+ --on-light-surface-solid-primary-hover: #FFFFFFFF;
521
+ --on-light-surface-solid-primary-active: #FFFFFFFF;
522
+ --on-light-surface-solid-primary-brightness: #FFFFFFFF;
523
+ --on-light-surface-solid-secondary: #FFFFFF;
524
+ --on-light-surface-solid-secondary-hover: #FFFFFFFF;
525
+ --on-light-surface-solid-secondary-active: #FFFFFFFF;
526
+ --on-light-surface-solid-tertiary: #FFFFFF;
527
+ --on-light-surface-solid-tertiary-hover: #FFFFFFFF;
528
+ --on-dark-surface-negative-minor-hover: #5B1018FF;
529
+ --on-dark-surface-info-minor-hover: #10344CFF;
530
+ --on-dark-surface-info-minor-active: #0A2333FF;
531
+ --on-dark-surface-transparent-positive-active: #0C7D21FF;
532
+ --on-dark-surface-transparent-positive-hover: #0F9928FF;
533
+ --on-dark-surface-negative-minor-active: #410B11FF;
534
+ --on-light-surface-transparent-primary-active: #15110F0F;
307
535
  --on-light-surface-transparent-secondary: #15110F14;
308
- --on-light-surface-transparent-tertiary-hover: #0808082E;
309
- --text-primary-hover: #F5F5F593;
310
- --on-dark-surface-info-hover: #1798EEFF;
311
- --on-dark-surface-info-active: #1086D5FF;
312
- --on-dark-surface-transparent-tertiary: #FFFFFF3D;
313
- --on-dark-surface-info: #9BCAF8FF;
314
- --on-light-surface-solid-primary-hover: #F2F2F2FF;
315
- --on-light-surface-solid-primary-active: #F0F0F0FF;
316
- --on-light-surface-transparent-card-brightness: #171717FF;
317
- --on-light-surface-accent-minor-active: #BEFB4BFF;
318
- --on-light-surface-transparent-accent-hover: #1A9E322E;
319
- --on-light-surface-transparent-accent-active: #1A9E3233;
320
- --on-light-surface-positive-hover: #6FA706FF;
321
- --on-light-surface-positive-active: #558005FF;
322
- --on-light-surface-warning-hover: #FB782DFF;
323
- --on-light-surface-warning-active: #E65705FF;
324
- --on-light-surface-warning: #BE4E0CFF;
325
- --on-light-surface-negative-hover: #FF5263FF;
326
- --on-light-surface-negative: #E83439FF;
327
- --on-light-surface-info-hover: #209CEEFF;
328
- --on-light-surface-info-active: #0F81CCFF;
536
+ --on-light-surface-transparent-secondary-hover: #15110F1A;
537
+ --on-light-surface-transparent-secondary-active: #15110F1F;
329
538
  --on-light-surface-transparent-tertiary: #15110F1F;
330
- --on-light-surface-transparent-deep-hover: #080808B3;
331
- --on-dark-surface-transparent-accent: #B4AE7B33;
332
- --on-light-surface-transparent-deep: #FFFFFFB2;
333
- --on-light-surface-transparent-card-active: #0808081A;
334
- --on-light-surface-transparent-card: #FFFFFF99;
335
- --inverse-surface-solid-primary-brightness: #F6F6F6FF;
336
- --inverse-surface-solid-secondary-hover: #E8E8E8FF;
337
- --inverse-surface-solid-secondary: #FFFFFFFF;
338
- --inverse-surface-solid-tertiary-hover: #D9D9D9FF;
339
- --inverse-surface-solid-tertiary-active: #D4D4D4FF;
340
- --inverse-surface-solid-tertiary: #FFFFFFFF;
341
- --inverse-surface-solid-card-hover: #FFFFFFFF;
342
- --inverse-surface-solid-card-active: #FFFFFFFF;
343
- --inverse-surface-solid-card: #FFFFFFFF;
344
- --inverse-surface-solid-card-brightness: #FFFFFFFF;
345
- --inverse-surface-solid-default-hover: #262626FF;
346
- --inverse-surface-solid-default: #15110FFF;
347
- --inverse-surface-transparent-primary-hover: #0808080A;
348
- --inverse-surface-transparent-primary-active: #0808080D;
349
- --inverse-surface-transparent-secondary-hover: #08080814;
350
- --inverse-surface-transparent-secondary-active: #0808081A;
539
+ --on-light-surface-transparent-tertiary-hover: #15110F2E;
540
+ --on-light-surface-transparent-tertiary-active: #15110F33;
541
+ --on-light-surface-transparent-deep: #FFFFFFB3;
542
+ --on-light-surface-transparent-deep-hover: #FFFFFFFF;
543
+ --on-light-surface-transparent-deep-active: #FFFFFFFF;
544
+ --on-light-surface-transparent-card: #FFFFFF85;
545
+ --on-light-surface-transparent-card-hover: #FFFFFFFF;
546
+ --on-light-surface-transparent-card-active: #FFFFFFFF;
547
+ --on-light-surface-transparent-card-brightness: #FFFFFFFF;
548
+ --on-light-surface-clear: #FFFFFF00;
549
+ --on-light-surface-clear-hover: #FFFFFF00;
550
+ --on-light-surface-clear-active: #FFFFFF00;
551
+ --on-light-surface-accent: #0BA686;
552
+ --on-light-surface-accent-hover: #0CBB98FF;
553
+ --on-light-surface-accent-active: #099579FF;
554
+ --on-light-surface-solid-card-active: #FFFFFFFF;
555
+ --on-light-surface-solid-card: #FFFFFF;
556
+ --on-light-surface-solid-card-brightness: #FFFFFFFF;
557
+ --on-light-surface-solid-default: #15110F;
558
+ --on-light-surface-solid-default-hover: #271F1CFF;
559
+ --on-light-surface-transparent-primary: #15110F0A;
560
+ --on-light-surface-transparent-primary-hover: #15110F0D;
561
+ --on-light-surface-solid-default-active: #090706FF;
562
+ --on-light-surface-solid-card-hover: #FFFFFFFF;
563
+ --on-light-surface-positive: #239322;
564
+ --on-light-surface-positive-hover: #28A126FF;
565
+ --on-light-surface-positive-active: #20801EFF;
566
+ --on-light-surface-warning: #BE4E0C;
567
+ --on-light-surface-warning-hover: #D3560DFF;
568
+ --on-light-surface-warning-active: #AD460BFF;
569
+ --on-light-surface-negative: #E83439;
570
+ --on-light-surface-negative-hover: #EC5156FF;
571
+ --on-light-surface-negative-active: #E72329FF;
572
+ --on-light-surface-info: #3776BC;
573
+ --on-light-surface-info-hover: #4180C8FF;
574
+ --on-light-surface-info-active: #326CAEFF;
575
+ --on-light-surface-positive-minor-hover: #94F9A7FF;
576
+ --on-light-surface-positive-minor-active: #8BF99FFF;
577
+ --on-light-surface-warning-minor-hover: #FEDCC8FF;
578
+ --on-light-surface-transparent-accent-active: #0BA88833;
579
+ --on-light-surface-transparent-accent: #0BA6861F;
580
+ --on-light-surface-transparent-accent-hover: #0BA8882E;
581
+ --on-light-surface-transparent-warning-hover: #E65400FF;
582
+ --on-light-surface-transparent-warning-active: #BD4500FF;
583
+ --on-light-surface-transparent-negative-hover: #ED1D31FF;
584
+ --on-light-surface-transparent-negative-active: #D01124FF;
585
+ --on-light-surface-transparent-info-hover: #0D84D3FF;
586
+ --on-light-surface-transparent-info-active: #0A66A3FF;
587
+ --on-light-surface-read-only: #F9F9F903;
588
+ --on-light-surface-read-only-hover: #F7F7F7FF;
589
+ --on-light-surface-read-only-active: #F5F5F5FF;
590
+ --inverse-surface-solid-primary: #FFFFFF;
591
+ --inverse-surface-solid-primary-hover: #FFFFFFFF;
592
+ --inverse-surface-solid-primary-active: #FFFFFFFF;
593
+ --inverse-surface-solid-primary-brightness: #FFFFFFFF;
594
+ --inverse-surface-solid-secondary: #FFFFFF;
595
+ --inverse-surface-solid-secondary-hover: #FFFFFFFF;
596
+ --inverse-surface-solid-secondary-active: #FFFFFFFF;
597
+ --on-light-surface-info-minor-hover: #C7E9FFFF;
598
+ --on-light-surface-info-minor-active: #C2E7FFFF;
599
+ --on-light-surface-transparent-positive-hover: #0F9928FF;
600
+ --on-light-surface-transparent-positive-active: #0B741FFF;
601
+ --on-light-surface-negative-minor-active: #FFD1D6FF;
602
+ --inverse-surface-transparent-primary-hover: #15110F0D;
603
+ --inverse-surface-transparent-primary-active: #15110F0F;
351
604
  --inverse-surface-transparent-secondary: #15110F14;
352
- --inverse-surface-transparent-tertiary-hover: #0808082E;
605
+ --inverse-surface-transparent-secondary-hover: #15110F1A;
606
+ --inverse-surface-transparent-secondary-active: #15110F1F;
353
607
  --inverse-surface-transparent-tertiary: #15110F1F;
354
- --inverse-surface-transparent-deep-hover: #080808B3;
355
- --on-light-surface-info: #3776BCFF;
356
- --on-light-surface-transparent-primary: #15110F0A;
357
- --on-light-surface-transparent-deep-active: #080808B8;
358
- --on-light-surface-accent-minor: #D2ECBAFF;
359
- --inverse-surface-solid-primary-active: #F0F0F0FF;
360
- --inverse-surface-solid-primary: #FFFFFFFF;
361
- --inverse-surface-accent-active: #558005FF;
362
- --inverse-surface-accent-minor-active: #BEFB4BFF;
363
- --inverse-surface-transparent-accent-hover: #1A9E322E;
364
- --inverse-surface-transparent-accent-active: #1A9E3233;
365
- --inverse-surface-positive-active: #558005FF;
366
- --inverse-surface-warning-hover: #FB782DFF;
367
- --inverse-surface-warning-active: #E65705FF;
368
- --inverse-surface-warning: #BE4E0CFF;
369
- --inverse-surface-negative-hover: #FF5263FF;
370
- --inverse-surface-negative-active: #FF142CFF;
371
- --inverse-surface-negative: #E83439FF;
372
- --inverse-surface-info-hover: #209CEEFF;
373
- --inverse-surface-info-active: #0F81CCFF;
374
- --inverse-surface-transparent-deep: #FFFFFFB2;
608
+ --inverse-surface-transparent-tertiary-hover: #15110F2E;
609
+ --inverse-surface-transparent-tertiary-active: #15110F33;
610
+ --inverse-surface-transparent-deep: #FFFFFFB3;
611
+ --inverse-surface-transparent-deep-hover: #FFFFFFFF;
612
+ --inverse-surface-transparent-deep-active: #FFFFFFFF;
613
+ --inverse-surface-transparent-card: #FFFFFF85;
375
614
  --inverse-surface-transparent-card-hover: #FFFFFFFF;
376
- --on-dark-outline-transparent-primary-hover: #FFFFFF4D;
377
- --on-light-surface-positive: #239322FF;
378
615
  --inverse-surface-transparent-card-active: #FFFFFFFF;
379
616
  --inverse-surface-transparent-card-brightness: #FFFFFFFF;
380
- --inverse-surface-accent-hover: #6FA706FF;
381
- --light-background-primary: #F9F9F9;
382
- --inverse-background-primary: #EBE7E5FF;
383
- --inverse-background-primary-brightness: #F9F9F9FF;
384
- --overlay-soft: #0000001F;
385
- --overlay-hard: #00000029;
386
- --on-dark-overlay-soft: #0000001F;
387
- --on-dark-overlay-hard: #00000029;
617
+ --inverse-surface-clear: #FFFFFF00;
618
+ --inverse-surface-clear-hover: #FFFFFF00;
619
+ --inverse-surface-clear-active: #FFFFFF00;
620
+ --inverse-surface-accent: #0BA686;
621
+ --inverse-surface-solid-tertiary-active: #FFFFFFFF;
622
+ --inverse-surface-solid-tertiary-hover: #FFFFFFFF;
623
+ --inverse-surface-solid-card: #FFFFFF;
624
+ --inverse-surface-solid-card-active: #FFFFFFFF;
625
+ --inverse-surface-solid-card-hover: #FFFFFFFF;
626
+ --inverse-surface-solid-default-hover: #271F1CFF;
627
+ --inverse-surface-solid-default-active: #090706FF;
628
+ --inverse-surface-solid-card-brightness: #FFFFFFFF;
629
+ --inverse-surface-solid-default: #15110F;
630
+ --inverse-surface-transparent-primary: #15110F0A;
631
+ --inverse-surface-positive: #239322;
632
+ --inverse-surface-positive-hover: #28A126FF;
633
+ --inverse-surface-positive-active: #20801EFF;
634
+ --inverse-surface-warning: #BE4E0C;
635
+ --inverse-surface-warning-hover: #D3560DFF;
636
+ --inverse-surface-warning-active: #AD460BFF;
637
+ --inverse-surface-negative: #E83439;
638
+ --inverse-surface-negative-hover: #EC5156FF;
639
+ --inverse-surface-negative-active: #E72329FF;
640
+ --inverse-surface-info: #3776BC;
641
+ --inverse-surface-info-hover: #4180C8FF;
642
+ --inverse-surface-info-active: #326CAEFF;
643
+ --inverse-surface-positive-minor-hover: #94F9A7FF;
644
+ --inverse-surface-accent-minor-active: #BFEDE1FF;
645
+ --inverse-surface-accent-hover: #0CBB98FF;
646
+ --inverse-surface-transparent-accent: #0BA6861F;
647
+ --inverse-surface-transparent-accent-hover: #0BA8882E;
648
+ --inverse-surface-transparent-accent-active: #0BA88833;
649
+ --inverse-surface-accent-active: #099579FF;
650
+ --inverse-surface-transparent-positive-hover: #0F9928FF;
651
+ --inverse-surface-transparent-positive-active: #0B741FFF;
652
+ --inverse-surface-transparent-warning-hover: #E65400FF;
653
+ --inverse-surface-transparent-warning-active: #BD4500FF;
654
+ --inverse-surface-transparent-negative-hover: #ED1D31FF;
655
+ --inverse-surface-transparent-negative-active: #D01124FF;
656
+ --inverse-surface-transparent-info-hover: #0D84D3FF;
657
+ --inverse-surface-transparent-info-active: #0A66A3FF;
658
+ --inverse-surface-read-only: #F9F9F903;
659
+ --inverse-surface-read-only-hover: #F7F7F7FF;
660
+ --inverse-surface-read-only-active: #F5F5F5FF;
661
+ --background-primary: #141413;
662
+ --background-secondary: #0F0F0F;
663
+ --background-tertiary: #141413;
664
+ --dark-background-primary: #141413;
665
+ --dark-background-secondary: #0F0F0F;
666
+ --dark-background-tertiary: #141413;
667
+ --light-background-primary: #EBE7E5;
668
+ --inverse-surface-warning-minor-hover: #FEDCC8FF;
669
+ --inverse-surface-negative-minor-hover: #FFD6DAFF;
670
+ --inverse-surface-negative-minor-active: #FFD1D6FF;
671
+ --inverse-surface-info-minor-hover: #C7E9FFFF;
672
+ --inverse-surface-info-minor-active: #C2E7FFFF;
673
+ --inverse-surface-warning-minor-active: #FED9C3FF;
388
674
  --on-light-overlay-soft: #0000003D;
389
675
  --on-light-overlay-hard: #00000052;
390
676
  --inverse-overlay-soft: #0000003D;
391
677
  --inverse-overlay-hard: #00000052;
392
- --outline-transparent-primary-hover: #FFFFFF4D;
393
- --outline-transparent-primary-active: #FFFFFF12;
394
- --on-light-outline-positive: #239322FF;
395
- --outline-positive-active: #629405FF;
396
- --outline-warning-hover: #FFA575FF;
397
- --outline-warning-active: #FF5D05FF;
398
- --outline-negative-hover: #FF8F9AFF;
399
- --outline-negative-active: #FF1F35FF;
400
- --outline-text-info-hover: #66BCF5FF;
401
- --outline-text-info-active: #0E8ADDFF;
402
- --outline-warning: #F8AD80FF;
403
- --inverse-surface-transparent-primary: #15110F0A;
404
- --inverse-surface-accent: #527E4BFF;
405
- --background-primary: #15110FFF;
406
- --on-dark-outline-positive-hover: #96E208FF;
407
- --on-dark-outline-positive-active: #629405FF;
408
- --on-dark-outline-warning-hover: #FFA575FF;
409
- --on-dark-outline-warning-active: #FF5D05FF;
410
- --on-dark-outline-negative-hover: #FF8F9AFF;
411
- --on-dark-outline-negative-active: #FF1F35FF;
412
- --on-dark-outline-text-info-hover: #66BCF5FF;
413
- --on-dark-outline-text-info-active: #0E8ADDFF;
414
- --inverse-outline-warning-hover: #FD9253FF;
415
- --on-dark-outline-warning: #F8AD80FF;
416
- --on-dark-outline-negative: #F8A6A9FF;
417
- --on-dark-outline-text-info: #9BCAF8FF;
418
- --on-dark-outline-positive: #A6D2A2FF;
419
- --inverse-outline-warning-active: #CA4B02FF;
420
- --on-light-outline-transparent-primary-hover: #08080852;
421
- --on-light-outline-transparent-primary-active: #08080838;
422
- --on-light-outline-positive-active: #3E5E03FF;
423
- --outline-text-info: #9BCAF8FF;
678
+ --outline-solid-primary-hover: #545454FF;
679
+ --outline-solid-primary-active: #171717FF;
680
+ --outline-solid-secondary-hover: #ABABABFF;
681
+ --outline-solid-secondary-active: #363636FF;
682
+ --outline-solid-tertiary-active: #525252FF;
683
+ --outline-solid-default-hover: #808080FF;
684
+ --outline-solid-default-active: #616161FF;
424
685
  --outline-transparent-primary: #FFFFFF1F;
425
- --on-light-outline-text-info: #3776BCFF;
426
- --inverse-outline-transparent-primary-hover: #08080852;
427
- --inverse-outline-transparent-primary-active: #08080838;
428
- --inverse-outline-positive-hover: #79B706FF;
429
- --inverse-outline-positive-active: #3E5E03FF;
430
- --inverse-outline-negative-hover: #F87C89FF;
431
- --inverse-outline-negative-active: #E40C22FF;
432
- --inverse-outline-text-info-hover: #47B0F5FF;
433
- --inverse-outline-text-info-active: #096CAEFF;
434
- --inverse-outline-negative: #E83439FF;
435
- --inverse-outline-warning: #BE4E0CFF;
436
- --inverse-outline-text-info: #007AFFFF;
686
+ --outline-transparent-primary-hover: #858585FF;
687
+ --outline-transparent-primary-active: #666666FF;
688
+ --outline-transparent-secondary-hover: #808080FF;
689
+ --outline-transparent-secondary-active: #616161FF;
690
+ --outline-transparent-tertiary-hover: #808080FF;
691
+ --outline-transparent-tertiary-active: #616161FF;
692
+ --outline-clear: #FFFFFF00;
693
+ --inverse-background-secondary: #F6F2F0;
694
+ --light-background-tertiary: #FFFFFF;
695
+ --inverse-background-tertiary: #FFFFFF;
696
+ --overlay-soft: #0000001F;
697
+ --overlay-hard: #00000029;
698
+ --on-dark-overlay-soft: #0000001F;
699
+ --on-dark-overlay-hard: #00000029;
700
+ --inverse-background-primary: #EBE7E5;
701
+ --outline-positive: #A6D2A2;
702
+ --outline-positive-hover: #DBEDD9FF;
703
+ --outline-positive-active: #92C88DFF;
704
+ --outline-warning: #F8AD80;
705
+ --outline-warning-hover: #FCE0CFFF;
706
+ --outline-warning-active: #F79C64FF;
707
+ --outline-negative: #F8A6A9;
708
+ --outline-negative-hover: #F25A5FFF;
709
+ --outline-negative-active: #EF343AFF;
710
+ --outline-info: #9BCAF8;
711
+ --outline-info-hover: #E7F2FDFF;
712
+ --outline-info-active: #7EBAF6FF;
713
+ --outline-positive-minor-hover: #0F9527FF;
714
+ --outline-positive-minor-active: #074A14FF;
715
+ --outline-warning-minor-hover: #BB4F11FF;
716
+ --outline-warning-minor-active: #70300AFF;
717
+ --outline-negative-minor-hover: #D41C2EFF;
718
+ --outline-negative-minor-active: #8C121EFF;
719
+ --outline-info-minor-hover: #1277BAFF;
720
+ --outline-info-minor-active: #0B476FFF;
721
+ --outline-clear-active: #FFFFFF00;
722
+ --outline-clear-hover: #FFFFFF00;
723
+ --outline-accent-active: #0B741FFF;
724
+ --outline-accent-hover: #13BE32FF;
725
+ --outline-transparent-accent-hover: #13BE32FF;
726
+ --outline-accent-minor-hover: #0F9527FF;
727
+ --outline-accent-minor-active: #074A14FF;
728
+ --outline-transparent-accent-active: #0B741FFF;
729
+ --outline-read-only-hover: #808080FF;
730
+ --outline-read-only-active: #616161FF;
731
+ --on-dark-outline-solid-primary-hover: #545454FF;
732
+ --on-dark-outline-solid-primary-active: #171717FF;
733
+ --on-dark-outline-solid-secondary-hover: #ABABABFF;
734
+ --on-dark-outline-solid-secondary-active: #363636FF;
735
+ --on-dark-outline-solid-tertiary-hover: #FFFFFFFF;
736
+ --on-dark-outline-solid-tertiary-active: #525252FF;
737
+ --on-dark-outline-solid-default-hover: #808080FF;
738
+ --on-dark-outline-solid-default-active: #616161FF;
739
+ --on-dark-outline-transparent-primary: #FFFFFF1F;
740
+ --on-dark-outline-transparent-primary-hover: #858585FF;
741
+ --on-dark-outline-transparent-primary-active: #666666FF;
742
+ --on-dark-outline-transparent-secondary-hover: #808080FF;
743
+ --on-dark-outline-transparent-secondary-active: #616161FF;
744
+ --on-dark-outline-transparent-tertiary-hover: #808080FF;
745
+ --outline-transparent-warning-hover: #FF8138FF;
746
+ --outline-transparent-positive-active: #0B741FFF;
747
+ --outline-transparent-warning-active: #B34100FF;
748
+ --outline-transparent-negative-active: #C61022FF;
749
+ --outline-transparent-info-hover: #0F96F0FF;
750
+ --outline-transparent-info-active: #0A66A3FF;
751
+ --on-dark-outline-transparent-accent-hover: #13BE32FF;
752
+ --on-dark-outline-transparent-accent-active: #0B741FFF;
753
+ --on-dark-outline-positive: #A6D2A2;
754
+ --on-dark-outline-positive-hover: #DBEDD9FF;
755
+ --on-dark-outline-positive-active: #92C88DFF;
756
+ --on-dark-outline-warning: #F8AD80;
757
+ --on-dark-outline-warning-hover: #FCE0CFFF;
758
+ --on-dark-outline-warning-active: #F79C64FF;
759
+ --on-dark-outline-negative: #F8A6A9;
760
+ --on-dark-outline-negative-hover: #F25A5FFF;
761
+ --on-dark-outline-negative-active: #EF343AFF;
762
+ --on-dark-outline-info: #9BCAF8;
763
+ --on-dark-outline-info-hover: #E7F2FDFF;
764
+ --on-dark-outline-info-active: #7EBAF6FF;
765
+ --on-dark-outline-positive-minor-hover: #0F9527FF;
766
+ --on-dark-outline-warning-minor-hover: #BB4F11FF;
767
+ --on-dark-outline-clear-active: #FFFFFF00;
768
+ --on-dark-outline-clear: #FFFFFF00;
769
+ --on-dark-outline-accent-hover: #13BE32FF;
770
+ --on-dark-outline-accent-active: #0B741FFF;
771
+ --on-dark-outline-accent-minor-hover: #0F9527FF;
772
+ --on-dark-outline-accent-minor-active: #074A14FF;
773
+ --on-dark-outline-clear-hover: #FFFFFF00;
774
+ --on-dark-outline-transparent-warning-hover: #FF8138FF;
775
+ --on-dark-outline-transparent-negative-hover: #F36876FF;
776
+ --on-dark-outline-transparent-negative-active: #C61022FF;
777
+ --on-dark-outline-transparent-info-hover: #0F96F0FF;
778
+ --on-dark-outline-transparent-info-active: #0A66A3FF;
779
+ --on-dark-outline-read-only-hover: #808080FF;
780
+ --on-dark-outline-read-only-active: #616161FF;
781
+ --on-light-outline-solid-primary-hover: #ABABABFF;
782
+ --on-light-outline-solid-primary-active: #C4C4C4FF;
783
+ --on-light-outline-solid-secondary-hover: #DBDBDBFF;
784
+ --on-light-outline-solid-secondary-active: #8F8F8FFF;
785
+ --on-dark-outline-negative-minor-active: #8C121EFF;
786
+ --on-dark-outline-info-minor-hover: #1277BAFF;
787
+ --on-dark-outline-info-minor-active: #0B476FFF;
788
+ --on-dark-outline-transparent-positive-hover: #13BE32FF;
789
+ --on-dark-outline-transparent-positive-active: #0B741FFF;
790
+ --on-dark-outline-negative-minor-hover: #D41C2EFF;
791
+ --on-light-outline-transparent-secondary-active: #080808FF;
792
+ --on-light-outline-transparent-tertiary-hover: #969696FF;
793
+ --on-light-outline-transparent-tertiary-active: #080808FF;
794
+ --on-light-outline-clear: #FFFFFF00;
795
+ --on-light-outline-clear-hover: #FFFFFF00;
796
+ --on-light-outline-clear-active: #FFFFFF00;
797
+ --on-light-outline-accent-hover: #0F9527FF;
798
+ --on-light-outline-accent-active: #074A14FF;
799
+ --on-light-outline-accent-minor-hover: #7AE68EFF;
800
+ --on-light-outline-accent-minor-active: #23B83EFF;
801
+ --on-light-outline-transparent-accent-hover: #0F9527FF;
802
+ --on-light-outline-transparent-accent-active: #074A14FF;
803
+ --on-light-outline-positive: #239322;
804
+ --on-light-outline-positive-hover: #32CA2FFF;
805
+ --on-light-outline-solid-default-hover: #969696FF;
806
+ --on-light-outline-solid-tertiary-active: #5C5C5CFF;
807
+ --on-light-outline-solid-default-active: #080808FF;
808
+ --on-light-outline-transparent-primary: #15110F3D;
809
+ --on-light-outline-transparent-primary-hover: #15110F25;
810
+ --on-light-outline-transparent-secondary-hover: #969696FF;
811
+ --on-light-outline-transparent-primary-active: #15110F62;
812
+ --on-light-outline-positive-minor-hover: #7AE68EFF;
813
+ --on-light-outline-positive-minor-active: #23B83EFF;
814
+ --on-light-outline-warning-minor-hover: #FDB790FF;
815
+ --on-light-outline-warning-minor-active: #FC8240FF;
816
+ --on-light-outline-negative-minor-hover: #FFB8BFFF;
817
+ --on-light-outline-negative-minor-active: #FF6675FF;
818
+ --on-light-outline-info-minor-hover: #A3DAFFFF;
819
+ --on-light-outline-info-minor-active: #29A9FFFF;
820
+ --on-light-outline-transparent-positive-hover: #0F9527FF;
821
+ --on-light-outline-transparent-positive-active: #074A14FF;
822
+ --on-light-outline-transparent-warning-hover: #B14B10FF;
823
+ --on-light-outline-transparent-warning-active: #5D2809FF;
824
+ --on-light-outline-transparent-negative-hover: #DD1D30FF;
825
+ --on-light-outline-transparent-negative-active: #8C121EFF;
826
+ --on-light-outline-transparent-info-hover: #137DC3FF;
827
+ --on-light-outline-transparent-info-active: #093B5DFF;
828
+ --on-light-outline-negative: #E83439;
829
+ --on-light-outline-warning: #BE4E0C;
830
+ --on-light-outline-negative-hover: #F17E82FF;
831
+ --on-light-outline-negative-active: #DC181FFF;
832
+ --on-light-outline-info: #3776BC;
833
+ --on-light-outline-info-active: #3067A6FF;
834
+ --on-light-outline-info-hover: #81AADAFF;
835
+ --on-light-outline-warning-hover: #F3813FFF;
836
+ --inverse-outline-solid-primary-hover: #ABABABFF;
837
+ --inverse-outline-solid-tertiary-active: #5C5C5CFF;
838
+ --inverse-outline-solid-default-hover: #969696FF;
839
+ --inverse-outline-solid-default-active: #080808FF;
437
840
  --inverse-outline-transparent-primary: #15110F3D;
438
- --inverse-outline-positive: #239322FF;
439
- --data-yellow: #F3A912;
841
+ --inverse-outline-transparent-primary-hover: #15110F25;
842
+ --inverse-outline-transparent-primary-active: #15110F62;
843
+ --inverse-outline-transparent-secondary-hover: #969696FF;
844
+ --inverse-outline-transparent-tertiary-hover: #969696FF;
845
+ --inverse-outline-transparent-tertiary-active: #080808FF;
846
+ --inverse-outline-clear: #FFFFFF00;
847
+ --inverse-outline-clear-hover: #FFFFFF00;
848
+ --inverse-outline-clear-active: #FFFFFF00;
849
+ --inverse-outline-accent-hover: #0F9527FF;
850
+ --inverse-outline-accent-active: #074A14FF;
851
+ --inverse-outline-accent-minor-hover: #7AE68EFF;
852
+ --inverse-outline-accent-minor-active: #23B83EFF;
853
+ --inverse-outline-solid-primary-active: #C4C4C4FF;
854
+ --on-light-outline-read-only-active: #E0E0E0FF;
855
+ --inverse-outline-solid-secondary-hover: #DBDBDBFF;
856
+ --inverse-outline-solid-secondary-active: #8F8F8FFF;
857
+ --inverse-outline-solid-tertiary-hover: #A3A3A3FF;
858
+ --inverse-outline-positive-active: #20801EFF;
859
+ --inverse-outline-warning: #BE4E0C;
860
+ --inverse-outline-warning-hover: #F3813FFF;
861
+ --inverse-outline-warning-active: #A3420AFF;
862
+ --inverse-outline-negative: #E83439;
863
+ --inverse-outline-negative-hover: #F17E82FF;
864
+ --inverse-outline-negative-active: #DC181FFF;
865
+ --inverse-outline-info: #3776BC;
866
+ --inverse-outline-info-hover: #81AADAFF;
867
+ --inverse-outline-info-active: #3067A6FF;
868
+ --inverse-outline-positive-minor-hover: #7AE68EFF;
869
+ --inverse-outline-positive-minor-active: #23B83EFF;
870
+ --inverse-outline-warning-minor-hover: #FDB790FF;
871
+ --inverse-outline-negative-minor-hover: #FFB8BFFF;
872
+ --inverse-outline-negative-minor-active: #FF6675FF;
873
+ --inverse-outline-info-minor-hover: #A3DAFFFF;
874
+ --inverse-outline-info-minor-active: #29A9FFFF;
875
+ --inverse-outline-transparent-positive-hover: #0F9527FF;
876
+ --inverse-outline-transparent-positive-active: #074A14FF;
877
+ --inverse-outline-transparent-accent-active: #074A14FF;
878
+ --inverse-outline-positive: #239322;
879
+ --inverse-outline-positive-hover: #32CA2FFF;
880
+ --inverse-outline-read-only-active: #E0E0E0FF;
440
881
  --data-yellow-hover: #F4B22FFF;
441
882
  --data-yellow-active: #EDA20CFF;
442
- --data-yellow-minor: #A16B00;
443
883
  --data-yellow-minor-hover: #B87A00FF;
444
884
  --data-yellow-minor-active: #996600FF;
445
- --data-yellow-transparent: #F3A9128F;
446
- --on-light-outline-negative-hover: #F87C89FF;
447
- --on-light-outline-warning-active: #CA4B02FF;
448
- --on-light-outline-text-info-hover: #47B0F5FF;
449
- --on-light-outline-negative: #E83439FF;
450
- --on-light-data-yellow: #F3A912;
885
+ --data-yellow-transparent-hover: #F4B22FFF;
886
+ --data-yellow-transparent-active: #EDA20CFF;
887
+ --on-dark-data-yellow-hover: #F4B22FFF;
888
+ --on-dark-data-yellow-active: #EDA20CFF;
889
+ --on-dark-data-yellow-minor-hover: #B87A00FF;
890
+ --on-dark-data-yellow-minor-active: #996600FF;
891
+ --on-dark-data-yellow-transparent-hover: #F4B22FFF;
892
+ --on-dark-data-yellow-transparent-active: #EDA20CFF;
451
893
  --on-light-data-yellow-hover: #F5B638FF;
452
894
  --on-light-data-yellow-active: #E49C0CFF;
453
- --on-light-data-yellow-minor: #FFD37A;
454
895
  --on-light-data-yellow-minor-hover: #FFCF70FF;
455
- --on-light-data-yellow-transparent: #F3A9128F;
456
- --on-light-data-yellow-transparent-hover: #F3A8129E;
457
- --on-light-data-yellow-transparent-active: #F3A812A3;
458
- --inverse-data-yellow: #F3A912;
896
+ --on-light-data-yellow-minor-active: #FFCC66FF;
897
+ --inverse-outline-transparent-negative-hover: #DD1D30FF;
898
+ --inverse-outline-transparent-warning-hover: #B14B10FF;
899
+ --inverse-outline-transparent-negative-active: #8C121EFF;
900
+ --inverse-outline-transparent-info-hover: #137DC3FF;
901
+ --inverse-outline-read-only-hover: #C7C7C7FF;
902
+ --inverse-outline-transparent-info-active: #093B5DFF;
459
903
  --inverse-data-yellow-hover: #F5B638FF;
460
904
  --inverse-data-yellow-active: #E49C0CFF;
461
- --inverse-data-yellow-minor: #FFD37A;
462
- --inverse-data-yellow-minor-hover: #FFCF70FF;
463
905
  --inverse-data-yellow-minor-active: #FFCC66FF;
464
- --inverse-data-yellow-transparent: #F3A9128F;
465
- --inverse-data-yellow-transparent-hover: #F3A8129E;
466
- --inverse-data-yellow-transparent-active: #F3A812A3;
467
- --on-dark-data-yellow-transparent: #F3A9128F;
468
- --data-yellow-transparent-active: #F3A81280;
469
- --on-dark-data-yellow: #F3A912;
470
- --on-dark-data-yellow-hover: #F4B22FFF;
471
- --on-dark-data-yellow-active: #EDA20CFF;
472
- --inverse-surface-positive: #239322FF;
473
- --outline-positive: #A6D2A2FF;
474
- --on-dark-data-yellow-minor: #A16B00;
475
- --on-dark-data-yellow-minor-active: #996600FF;
476
- --on-dark-data-yellow-transparent-hover: #F3A812AD;
477
- --on-dark-background-primary: #15110FFF;
478
- --on-dark-background-primary-hover: #CCCCCCFF;
479
- --on-dark-background-primary-active: #E6E6E6FF;
480
- --on-dark-background-primary-brightness: #15110FFF;
481
- --on-light-background-secondary: #FFFFFFFF;
482
- --on-light-background-secondary-hover: #CCCCCCFF;
483
- --on-light-background-secondary-active: #E6E6E6FF;
484
- --on-light-background-primary: #EBE7E5FF;
485
- --on-light-background-primary-hover: #CCCCCCFF;
486
- --on-light-background-primary-active: #E6E6E6FF;
487
- --on-light-background-primary-brightness: #EBE7E5FF;
488
- --outline-default: #3B3735FF;
489
- --outline-default-hover: #CCCCCCFF;
490
- --outline-default-active: #E6E6E6FF;
491
- --outline-minor: #383838FF;
492
- --outline-minor-hover: #CCCCCCFF;
493
- --outline-minor-active: #E6E6E6FF;
494
- --outline-transparent-clear-hover: #CCCCCCFF;
495
- --outline-transparent-clear-active: #E6E6E6FF;
496
- --inverse-outline-default: #DDD9D7FF;
497
- --inverse-outline-default-hover: #CCCCCCFF;
498
- --inverse-outline-default-active: #E6E6E6FF;
499
- --inverse-outline-outline-minor: #FFFFFFFF;
500
- --inverse-outline-outline-minor-hover: #CCCCCCFF;
501
- --inverse-outline-outline-minor-active: #E6E6E6FF;
502
- --on-dark-outline-default: #3B3735FF;
503
- --on-dark-outline-default-active: #E6E6E6FF;
504
- --on-dark-outline-minor: #383838FF;
505
- --on-dark-outline-minor-hover: #CCCCCCFF;
506
- --on-dark-outline-minor-active: #E6E6E6FF;
507
- --on-light-outline-default: #DDD9D7FF;
508
- --on-light-outline-default-hover: #CCCCCCFF;
509
- --background-secondary-active: #E6E6E6FF;
510
- --on-dark-outline-default-hover: #CCCCCCFF;
511
- --inverse-background-secondary-hover: #CCCCCCFF;
512
- --on-dark-background-secondary: #000000FF;
513
- --persona-blue-text-accent: #87BEE5;
514
- --persona-blue-text-accent-hover: #CCCCCCFF;
515
- --persona-blue-text-accent-active: #E6E6E6FF;
516
- --persona-green-text-accent: #8BCB94;
517
- --persona-green-text-accent-hover: #CCCCCCFF;
518
- --persona-green-text-accent-active: #E6E6E6FF;
519
- --persona-indigo-text-accent-hover: #CCCCCCFF;
520
- --persona-indigo-text-accent-active: #E6E6E6FF;
521
- --persona-ochre-text-accent: #935B18;
522
- --persona-ochre-text-accent-hover: #CCCCCCFF;
523
- --persona-ochre-text-accent-active: #E6E6E6FF;
524
- --persona-olive-text-accent: #B3BA8D;
525
- --persona-olive-text-accent-hover: #CCCCCCFF;
526
- --persona-olive-text-accent-active: #E6E6E6FF;
527
- --on-light-outline-default-active: #E6E6E6FF;
528
- --on-light-outline-minor: #FFFFFFFF;
529
- --on-light-outline-minor-hover: #CCCCCCFF;
530
- --persona-sea-blue-text-accent: #7BC8C8;
531
- --persona-sea-blue-text-accent-hover: #CCCCCCFF;
532
- --persona-violet-text-accent: #C6A0DC;
533
- --persona-violet-text-accent-hover: #CCCCCCFF;
534
- --persona-violet-text-accent-active: #E6E6E6FF;
535
- --inverse-persona-blue-text-accent: #3A6D96;
536
- --inverse-persona-blue-text-accent-hover: #CCCCCCFF;
537
- --inverse-persona-blue-text-accent-active: #E6E6E6FF;
538
- --inverse-persona-green-text-accent: #3D7B45;
539
- --inverse-persona-green-text-accent-hover: #CCCCCCFF;
540
- --inverse-persona-green-text-accent-active: #E6E6E6FF;
541
- --inverse-persona-indigo-text-accent: #3B3AAE;
542
- --inverse-persona-indigo-text-accent-hover: #CCCCCCFF;
543
- --persona-pink-text-accent: #DE9EA5;
544
- --persona-pink-text-accent-hover: #CCCCCCFF;
545
- --persona-pink-text-accent-active: #E6E6E6FF;
546
- --inverse-persona-olive-text-accent: #636A40;
547
- --inverse-persona-olive-text-accent-active: #E6E6E6FF;
548
- --inverse-persona-pink-text-accent: #904D55;
549
- --inverse-persona-pink-text-accent-hover: #CCCCCCFF;
550
- --inverse-persona-pink-text-accent-active: #E6E6E6FF;
551
- --inverse-persona-sea-blue-text-accent: #348282;
552
- --inverse-persona-sea-blue-text-accent-hover: #CCCCCCFF;
553
- --inverse-persona-sea-blue-text-accent-active: #E6E6E6FF;
554
- --inverse-persona-violet-text-accent: #75508C;
555
- --inverse-persona-violet-text-accent-hover: #CCCCCCFF;
556
- --inverse-persona-violet-text-accent-active: #E6E6E6FF;
557
- --on-dark-persona-blue-text-accent: #87BEE5;
558
- --on-dark-persona-blue-text-accent-hover: #CCCCCCFF;
559
- --on-dark-persona-blue-text-accent-active: #E6E6E6FF;
560
- --inverse-persona-ochre-text-accent: #935B18;
561
- --inverse-persona-ochre-text-accent-hover: #CCCCCCFF;
562
- --inverse-persona-olive-text-accent-hover: #CCCCCCFF;
563
- --inverse-persona-ochre-text-accent-active: #E6E6E6FF;
564
- --on-dark-persona-indigo-text-accent: #9291E5;
565
- --on-dark-persona-indigo-text-accent-hover: #CCCCCCFF;
566
- --on-dark-persona-indigo-text-accent-active: #E6E6E6FF;
567
- --on-dark-persona-ochre-text-accent-hover: #CCCCCCFF;
568
- --on-dark-persona-ochre-text-accent-active: #E6E6E6FF;
569
- --on-dark-persona-olive-text-accent: #B3BA8D;
570
- --on-dark-persona-olive-text-accent-hover: #CCCCCCFF;
571
- --on-dark-persona-olive-text-accent-active: #E6E6E6FF;
572
- --on-dark-persona-pink-text-accent: #DE9EA5;
573
- --on-dark-persona-pink-text-accent-active: #E6E6E6FF;
574
- --on-dark-persona-sea-blue-text-accent: #7BC8C8;
575
- --on-dark-persona-sea-blue-text-accent-hover: #CCCCCCFF;
576
- --on-dark-persona-sea-blue-text-accent-active: #E6E6E6FF;
577
- --on-dark-persona-green-text-accent: #8BCB94;
578
- --on-dark-persona-green-text-accent-hover: #CCCCCCFF;
579
- --on-dark-persona-green-text-accent-active: #E6E6E6FF;
580
- --on-light-persona-blue-text-accent-hover: #CCCCCCFF;
581
- --on-light-persona-blue-text-accent-active: #E6E6E6FF;
582
- --on-light-persona-green-text-accent: #3D7B45;
583
- --on-light-persona-green-text-accent-hover: #CCCCCCFF;
584
- --on-light-persona-green-text-accent-active: #E6E6E6FF;
585
- --on-light-persona-indigo-text-accent: #3B3AAE;
586
- --on-light-persona-indigo-text-accent-active: #E6E6E6FF;
587
- --on-light-persona-ochre-text-accent: #935B18;
588
- --on-light-persona-ochre-text-accent-active: #E6E6E6FF;
589
- --on-light-persona-olive-text-accent-hover: #CCCCCCFF;
590
- --on-dark-persona-violet-text-accent: #C6A0DC;
591
- --on-dark-persona-violet-text-accent-hover: #CCCCCCFF;
592
- --on-light-persona-blue-text-accent: #3A6D96;
593
- --on-light-persona-violet-text-accent: #75508C;
594
- --on-light-persona-violet-text-accent-hover: #CCCCCCFF;
595
- --on-light-persona-violet-text-accent-active: #E6E6E6FF;
596
- --surface-accent-primary: #B4AE7BFF;
597
- --surface-accent-primary-hover: #CCCCCCFF;
598
- --surface-accent-primary-active: #E6E6E6FF;
599
- --on-light-surface-accent-primary: #527E4BFF;
600
- --on-light-surface-transparent-tertiary-active: #08080833;
601
- --on-light-surface-accent-minor-hover: #D7FD91FF;
602
- --inverse-surface-solid-secondary-active: #E6E6E6FF;
603
- --inverse-surface-transparent-deep-active: #080808B8;
604
- --inverse-surface-accent-minor: #D2ECBAFF;
605
- --on-dark-background-secondary-active: #E6E6E6FF;
606
- --on-light-persona-pink-text-accent-hover: #CCCCCCFF;
607
- --on-light-data-yellow-minor-active: #FFCC66FF;
608
- --inverse-text-accent-active: #3E5E03FF;
609
- --surface-warning-active: #F05B05FF;
610
- --on-light-surface-accent-primary-active: #E6E6E6FF;
611
- --on-light-text-accent-minor-hover: #B6FB37FF;
612
- --on-light-persona-pink-text-accent-active: #E6E6E6FF;
613
- --on-light-persona-sea-blue-text-accent-active: #E6E6E6FF;
614
- --surface-accent-secondary-active: #E6E6E6FF;
615
- --surface-transparent-accent-minor-active: #E6E6E6FF;
616
- --inverse-surface-accent-secondary-active: #E6E6E6FF;
617
- --inverse-surface-transparent-accent-minor-active: #E6E6E6FF;
618
- --on-dark-surface-accent-primary-active: #E6E6E6FF;
619
- --on-dark-surface-accent-secondary-active: #E6E6E6FF;
620
- --on-dark-surface-transparent-accent-minor-hover: #CCCCCCFF;
621
- --on-light-surface-accent-secondary-active: #E6E6E6FF;
622
- --on-light-surface-transparent-accent-minor-active: #E6E6E6FF;
623
- --background-secondary-hover: #CCCCCCFF;
624
- --outline-negative: #F8A6A9FF;
625
- --on-dark-text-tertiary: #F6F2F03D;
626
- --on-light-text-accent-hover: #79B706FF;
627
- --text-accent-minor-hover: #6EA013FF;
628
- --on-light-persona-olive-text-accent: #636A40;
629
- --on-light-surface-transparent-accent-minor: #527E4B3D;
630
- --on-light-persona-sea-blue-text-accent: #348282;
631
- --surface-accent-secondary: #B4AE7BFF;
632
- --surface-transparent-accent-minor: #B4AE7B47;
633
- --inverse-surface-accent-secondary: #688F61FF;
634
- --inverse-surface-transparent-accent-minor: #527E4B3D;
635
- --on-dark-surface-accent-primary: #B4AE7BFF;
636
- --on-dark-surface-accent-secondary: #B4AE7BFF;
637
- --on-dark-surface-transparent-accent-minor: #B4AE7B47;
638
- --on-light-surface-accent-secondary: #688F61FF;
639
- --inverse-text-warning-hover: #FD650DFF;
640
- --data-yellow-transparent-hover: #F3A812AD;
641
- --on-dark-surface-negative: #F8A6A9FF;
642
- --inverse-surface-info: #3776BCFF;
643
- --on-dark-persona-pink-text-accent-hover: #CCCCCCFF;
644
- --on-dark-text-accent-hover: #96E208FF;
645
- --inverse-surface-transparent-accent-minor-hover: #CCCCCCFF;
646
- --on-light-surface-accent-primary-hover: #CCCCCCFF;
647
- --on-light-surface-accent-secondary-hover: #CCCCCCFF;
648
- --on-light-surface-transparent-accent-minor-hover: #CCCCCCFF;
649
- --on-light-persona-sea-blue-text-accent-hover: #CCCCCCFF;
650
- --on-dark-surface-accent-primary-hover: #CCCCCCFF;
651
- --on-dark-surface-accent-secondary-hover: #CCCCCCFF;
652
- --surface-transparent-accent-minor-hover: #CCCCCCFF;
653
- --inverse-surface-accent-secondary-hover: #CCCCCCFF;
654
- --inverse-background-secondary-active: #E6E6E6FF;
655
- --on-light-persona-pink-text-accent: #904D55;
656
- --on-dark-surface-transparent-accent-minor-active: #E6E6E6FF;
657
- --surface-solid-default: #F6F2F0FF;
658
- --surface-accent-secondary-hover: #CCCCCCFF;
659
- --surface-transparent-secondary-hover: #FFFFFF3D;
660
- --surface-negative: #F8A6A9FF;
661
- --on-light-surface-transparent-card-hover: #08080814;
662
- --inverse-surface-solid-primary-hover: #F2F2F2FF;
663
- --dark-background-primary: #080808;
664
- --on-dark-data-yellow-minor-hover: #B87A00FF;
665
- --on-light-outline-negative-active: #E40C22FF;
666
- --on-light-outline-transparent-primary: #15110F3D;
667
- --on-light-surface-transparent-accent: #527E4B1F;
668
- --on-dark-surface-solid-primary-active: #121212FF;
669
- --on-dark-surface-transparent-deep-active: #FFFFFF94;
670
- --on-dark-surface-positive: #A6D2A2FF;
671
- --inverse-surface-transparent-card: #FFFFFF99;
672
- --on-light-outline-text-info-active: #096CAEFF;
673
- --on-dark-persona-violet-text-accent-active: #E6E6E6FF;
674
- --on-light-outline-minor-active: #E6E6E6FF;
675
- --on-dark-outline-transparent-primary: #FFFFFF1F;
906
+ --on-light-data-yellow-transparent-active: #E49C0CFF;
907
+ --inverse-data-yellow-transparent-active: #E49C0CFF;
908
+ --inverse-data-yellow-transparent-hover: #F5B638FF;
909
+ --inverse-outline-transparent-accent-hover: #0F9527FF;
910
+ --text-primary-hover: #FFFFFF97;
911
+ --on-dark-text-warning-minor-active: #9F440FFF;
912
+ --on-dark-surface-solid-default: #F6F2F0;
913
+ --on-light-surface-accent-minor-active: #BFEDE1FF;
914
+ --on-light-surface-negative-minor-hover: #FFD6DAFF;
915
+ --inverse-surface-accent-minor-hover: #C7F0E5FF;
676
916
  color: var(--text-primary);
677
917
  background-color: var(--background-primary);
678
918
  }
679
919
 
680
920
  :root {
681
- --on-dark-surface-accent-gradient-brightness: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);
682
- --on-dark-outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
683
- --surface-accent-gradient-brightness: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);
684
- --inverse-persona-pink-surface-accent-gradient-active: #FFFFFFFF;
685
- --text-accent-gradient-ai-brightness: linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%);
686
- --on-light-surface-accent-gradient-brightness: linear-gradient(90deg, #527E4BFF 0%, #9CBF80FF 100%);
687
- --inverse-outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
688
- --on-light-surface-accent-gradient-hover: #CCCCCCFF;
689
- --persona-green-surface-accent-gradient-hover: #FFFFFFFF;
690
- --on-dark-text-accent-gradient-ai-brightness: linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%);
691
- --on-light-text-accent-gradient-ai-brightness: linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%);
692
- --inverse-surface-accent-gradient-brightness: linear-gradient(90deg, #527E4BFF 0%, #9CBF80FF 100%);
693
- --inverse-text-accent-gradient-ai-brightness: linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%);
694
- --on-light-overlay-gradient-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
695
- --inverse-overlay-gradient-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
696
- --on-light-outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
697
- --on-light-persona-blue-surface-accent-gradient: linear-gradient(135.00deg, #87BEE5FF 0%, #5387AFFF 100%);
698
- --surface-accent-gradient: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);
699
- --surface-skeleton-gradient: linear-gradient(90.00deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.24) 50%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 100%);
700
- --surface-skeleton-gradient-hover: #FFFFFFFF;
701
- --surface-skeleton-gradient-active: #FFFFFFFF;
702
- --surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%);
703
- --surface-skeleton-deep-gradient-hover: #FFFFFFFF;
704
- --on-dark-surface-accent-gradient-hover: #CCCCCCFF;
705
- --surface-skeleton-deep-gradient-active: #FFFFFFFF;
706
- --on-dark-surface-accent-gradient-active: #E6E6E6FF;
707
- --on-dark-surface-skeleton-gradient: linear-gradient(90.00deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.24) 50%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 100%);
708
- --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF;
709
- --on-dark-surface-skeleton-gradient-active: #FFFFFFFF;
710
- --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%);
711
- --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
712
- --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF;
713
- --on-light-surface-accent-gradient-active: #E6E6E6FF;
714
- --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF;
715
- --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
716
- --inverse-surface-accent-gradient-hover: #CCCCCCFF;
717
- --inverse-surface-accent-gradient-active: #E6E6E6FF;
718
- --inverse-surface-accent-gradient: linear-gradient(90deg, #527E4BFF 0%, #9CBF80FF 100%);
719
- --inverse-surface-skeleton-gradient: linear-gradient(90.00deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.24) 50%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 100%);
720
- --inverse-surface-skeleton-gradient-hover: #FFFFFFFF;
721
- --inverse-surface-skeleton-gradient-active: #FFFFFFFF;
722
- --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%);
723
- --on-light-surface-accent-gradient: linear-gradient(90deg, #527E4BFF 0%, #9CBF80FF 100%);
724
- --on-light-surface-skeleton-gradient: linear-gradient(270deg, rgba(8, 8, 8, 0.06) 0%, rgba(8, 8, 8, 0.05) 10%, rgba(8, 8, 8, 0.04) 20%, rgba(8, 8, 8, 0.03) 25%, rgba(8, 8, 8, 0.02) 30%, rgba(8, 8, 8, 0.01) 40%, rgba(8, 8, 8, 0) 50%, rgba(8, 8, 8, 0.01) 60%, rgba(8, 8, 8, 0.02) 70%, rgba(8, 8, 8, 0.03) 75%, rgba(8, 8, 8, 0.04) 80%, rgba(8, 8, 8, 0.05) 90%, rgba(8, 8, 8, 0.06) 100%);
725
- --on-light-surface-skeleton-gradient-active: #FFFFFFFF;
726
- --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%);
727
- --outline-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);
728
- --on-dark-outline-accent-gradient-hover: #858585FF;
729
- --on-dark-outline-accent-gradient-active: #666666FF;
730
- --on-dark-outline-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);
731
- --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF;
732
- --outline-accent-gradient-hover: #858585FF;
733
- --on-light-outline-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
734
- --inverse-outline-accent-gradient-hover: #CCCCCCFF;
735
- --inverse-outline-accent-gradient-active: #E6E6E6FF;
736
- --on-light-outline-accent-gradient-active: #E6E6E6FF;
737
- --persona-blue-surface-accent-gradient-hover: #FFFFFFFF;
738
- --persona-blue-surface-accent-gradient-active: #FFFFFFFF;
739
- --persona-green-surface-accent-gradient: linear-gradient(135.00deg, #8BCB94FF 0%, #56955EFF 100%);
740
- --persona-green-surface-accent-gradient-active: #FFFFFFFF;
741
- --persona-indigo-surface-accent-gradient: linear-gradient(135.00deg, #9291E5FF 0%, #5352C5FF 100%);
742
- --persona-indigo-surface-accent-gradient-hover: #FFFFFFFF;
743
- --persona-indigo-surface-accent-gradient-active: #FFFFFFFF;
744
- --persona-ochre-surface-accent-gradient: linear-gradient(135.00deg, #E0AB69FF 0%, #AC7530FF 100%);
745
- --persona-ochre-surface-accent-gradient-active: #FFFFFFFF;
746
- --persona-olive-surface-accent-gradient: linear-gradient(135.00deg, #B3BA8DFF 0%, #7C8557FF 100%);
747
- --persona-olive-surface-accent-gradient-hover: #FFFFFFFF;
748
- --persona-olive-surface-accent-gradient-active: #FFFFFFFF;
749
- --persona-pink-surface-accent-gradient: linear-gradient(135.00deg, #DE9EA5FF 0%, #A9656EFF 100%);
750
- --persona-pink-surface-accent-gradient-hover: #FFFFFFFF;
751
- --persona-pink-surface-accent-gradient-active: #FFFFFFFF;
752
- --persona-blue-surface-accent-gradient: linear-gradient(135.00deg, #87BEE5FF 0%, #5387AFFF 100%);
753
- --persona-sea-blue-surface-accent-gradient-active: #FFFFFFFF;
754
- --persona-violet-surface-accent-gradient: linear-gradient(135.00deg, #C6A0DCFF 0%, #8F69A6FF 100%);
755
- --persona-violet-surface-accent-gradient-hover: #FFFFFFFF;
756
- --persona-violet-surface-accent-gradient-active: #FFFFFFFF;
757
- --inverse-persona-blue-surface-accent-gradient: linear-gradient(135.00deg, #87BEE5FF 0%, #5387AFFF 100%);
758
- --inverse-persona-blue-surface-accent-gradient-hover: #FFFFFFFF;
759
- --inverse-persona-blue-surface-accent-gradient-active: #FFFFFFFF;
760
- --inverse-persona-green-surface-accent-gradient: linear-gradient(135.00deg, #8BCB94FF 0%, #56955EFF 100%);
761
- --inverse-persona-green-surface-accent-gradient-hover: #FFFFFFFF;
762
- --inverse-persona-green-surface-accent-gradient-active: #FFFFFFFF;
763
- --inverse-persona-indigo-surface-accent-gradient: linear-gradient(135.00deg, #9291E5FF 0%, #5352C5FF 100%);
764
- --inverse-persona-indigo-surface-accent-gradient-active: #FFFFFFFF;
765
- --inverse-persona-ochre-surface-accent-gradient: linear-gradient(135.00deg, #E0AB69FF 0%, #AC7530FF 100%);
766
- --inverse-persona-ochre-surface-accent-gradient-hover: #FFFFFFFF;
767
- --inverse-persona-ochre-surface-accent-gradient-active: #FFFFFFFF;
768
- --persona-sea-blue-surface-accent-gradient: linear-gradient(135.00deg, #86D9D9FF 0%, #4E9E9EFF 100%);
769
- --persona-sea-blue-surface-accent-gradient-hover: #FFFFFFFF;
770
- --inverse-persona-olive-surface-accent-gradient-active: #FFFFFFFF;
771
- --inverse-persona-pink-surface-accent-gradient: linear-gradient(135.00deg, #DE9EA5FF 0%, #A9656EFF 100%);
772
- --inverse-persona-pink-surface-accent-gradient-hover: #FFFFFFFF;
773
- --inverse-persona-sea-blue-surface-accent-gradient: linear-gradient(135.00deg, #86D9D9FF 0%, #4E9E9EFF 100%);
774
- --inverse-persona-sea-blue-surface-accent-gradient-hover: #FFFFFFFF;
775
- --inverse-persona-sea-blue-surface-accent-gradient-active: #FFFFFFFF;
776
- --inverse-persona-violet-surface-accent-gradient: linear-gradient(135.00deg, #C6A0DCFF 0%, #8F69A6FF 100%);
777
- --inverse-persona-violet-surface-accent-gradient-hover: #FFFFFFFF;
778
- --inverse-persona-violet-surface-accent-gradient-active: #FFFFFFFF;
779
- --on-dark-persona-blue-surface-accent-gradient: linear-gradient(135.00deg, #87BEE5FF 0%, #5387AFFF 100%);
780
- --on-dark-persona-blue-surface-accent-gradient-hover: #FFFFFFFF;
781
- --on-dark-persona-blue-surface-accent-gradient-active: #FFFFFFFF;
782
- --on-dark-persona-green-surface-accent-gradient: linear-gradient(135.00deg, #8BCB94FF 0%, #56955EFF 100%);
783
- --on-dark-persona-green-surface-accent-gradient-hover: #FFFFFFFF;
784
- --on-dark-persona-green-surface-accent-gradient-active: #FFFFFFFF;
785
- --inverse-persona-olive-surface-accent-gradient: linear-gradient(135.00deg, #B3BA8DFF 0%, #7C8557FF 100%);
786
- --inverse-persona-olive-surface-accent-gradient-hover: #FFFFFFFF;
787
- --on-dark-persona-indigo-surface-accent-gradient-active: #FFFFFFFF;
788
- --on-dark-persona-ochre-surface-accent-gradient: linear-gradient(135.00deg, #E0AB69FF 0%, #AC7530FF 100%);
789
- --on-dark-persona-ochre-surface-accent-gradient-hover: #FFFFFFFF;
790
- --on-dark-persona-ochre-surface-accent-gradient-active: #FFFFFFFF;
791
- --on-dark-persona-olive-surface-accent-gradient: linear-gradient(135.00deg, #B3BA8DFF 0%, #7C8557FF 100%);
792
- --on-dark-persona-olive-surface-accent-gradient-hover: #FFFFFFFF;
793
- --on-dark-persona-olive-surface-accent-gradient-active: #FFFFFFFF;
794
- --on-dark-persona-pink-surface-accent-gradient: linear-gradient(135.00deg, #DE9EA5FF 0%, #A9656EFF 100%);
795
- --on-dark-persona-pink-surface-accent-gradient-hover: #FFFFFFFF;
796
- --on-dark-persona-pink-surface-accent-gradient-active: #FFFFFFFF;
797
- --on-dark-persona-sea-blue-surface-accent-gradient: linear-gradient(135.00deg, #86D9D9FF 0%, #4E9E9EFF 100%);
798
- --on-dark-persona-sea-blue-surface-accent-gradient-hover: #FFFFFFFF;
799
- --on-dark-persona-sea-blue-surface-accent-gradient-active: #FFFFFFFF;
800
- --on-dark-persona-violet-surface-accent-gradient: linear-gradient(135.00deg, #C6A0DCFF 0%, #8F69A6FF 100%);
801
- --on-dark-persona-violet-surface-accent-gradient-hover: #FFFFFFFF;
802
- --on-dark-persona-violet-surface-accent-gradient-active: #FFFFFFFF;
803
- --on-dark-persona-indigo-surface-accent-gradient: linear-gradient(135.00deg, #9291E5FF 0%, #5352C5FF 100%);
804
- --on-dark-persona-indigo-surface-accent-gradient-hover: #FFFFFFFF;
805
- --on-light-persona-green-surface-accent-gradient: linear-gradient(135.00deg, #8BCB94FF 0%, #56955EFF 100%);
806
- --on-light-persona-green-surface-accent-gradient-hover: #FFFFFFFF;
807
- --on-light-persona-green-surface-accent-gradient-active: #FFFFFFFF;
808
- --on-light-persona-indigo-surface-accent-gradient: linear-gradient(135.00deg, #9291E5FF 0%, #5352C5FF 100%);
809
- --on-light-persona-indigo-surface-accent-gradient-hover: #FFFFFFFF;
810
- --on-light-persona-indigo-surface-accent-gradient-active: #FFFFFFFF;
811
- --on-light-persona-ochre-surface-accent-gradient: linear-gradient(135.00deg, #E0AB69FF 0%, #AC7530FF 100%);
812
- --on-light-persona-ochre-surface-accent-gradient-hover: #FFFFFFFF;
813
- --on-light-persona-ochre-surface-accent-gradient-active: #FFFFFFFF;
814
- --on-light-persona-olive-surface-accent-gradient: linear-gradient(135.00deg, #B3BA8DFF 0%, #7C8557FF 100%);
815
- --on-light-persona-pink-surface-accent-gradient: linear-gradient(135.00deg, #DE9EA5FF 0%, #A9656EFF 100%);
816
- --on-light-persona-pink-surface-accent-gradient-hover: #FFFFFFFF;
817
- --on-light-persona-blue-surface-accent-gradient-hover: #FFFFFFFF;
818
- --on-light-persona-violet-surface-accent-gradient: linear-gradient(135.00deg, #C6A0DCFF 0%, #8F69A6FF 100%);
819
- --on-light-persona-violet-surface-accent-gradient-active: #FFFFFFFF;
820
- --on-dark-outline-transparent-surface-active: #E6E6E6FF;
821
- --on-light-outline-transparent-surface: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
822
- --on-light-outline-transparent-surface-hover: #CCCCCCFF;
823
- --on-light-outline-transparent-surface-active: #E6E6E6FF;
824
- --inverse-overlay-gradient: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
825
- --text-accent-gradient-ai: linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%);
826
- --text-accent-gradient-ai-hover: #000000FF;
827
- --inverse-text-accent-gradient-ai: linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%);
828
- --inverse-text-accent-gradient-ai-hover: #000000FF;
829
- --inverse-text-accent-gradient-ai-active: #CCCCCCFF;
830
- --on-dark-text-accent-gradient-ai: linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%);
831
- --on-dark-text-accent-gradient-ai-hover: #000000FF;
832
- --on-dark-text-accent-gradient-ai-active: #CCCCCCFF;
833
- --on-light-text-accent-gradient-ai: linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%);
834
- --on-light-text-accent-gradient-ai-hover: #000000FF;
835
- --on-light-text-accent-gradient-ai-active: #CCCCCCFF;
836
- --text-accent-gradient-ai-active: #CCCCCCFF;
837
- --inverse-outline-transparent-surface: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
838
- --inverse-outline-transparent-surface-hover: #CCCCCCFF;
839
- --inverse-outline-transparent-surface-active: #E6E6E6FF;
840
- --on-dark-outline-transparent-surface: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
841
- --on-dark-outline-transparent-surface-hover: #CCCCCCFF;
842
- --on-light-persona-olive-surface-accent-gradient-hover: #FFFFFFFF;
843
- --on-light-overlay-gradient-active: #E6E6E6FF;
844
- --inverse-overlay-gradient-active: #E6E6E6FF;
845
- --inverse-overlay-gradient-hover: #CCCCCCFF;
846
- --on-light-overlay-gradient: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
847
- --on-light-persona-pink-surface-accent-gradient-active: #FFFFFFFF;
848
- --on-light-persona-sea-blue-surface-accent-gradient-hover: #FFFFFFFF;
849
- --on-light-overlay-gradient-hover: #CCCCCCFF;
850
- --on-light-persona-olive-surface-accent-gradient-active: #FFFFFFFF;
851
- --on-light-persona-sea-blue-surface-accent-gradient-active: #FFFFFFFF;
852
- --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
853
- --inverse-outline-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
854
- --on-light-outline-accent-gradient-hover: #CCCCCCFF;
855
- --inverse-persona-indigo-surface-accent-gradient-hover: #FFFFFFFF;
856
- --on-light-persona-sea-blue-surface-accent-gradient: linear-gradient(135.00deg, #86D9D9FF 0%, #4E9E9EFF 100%);
857
- --surface-accent-gradient-hover: #CCCCCCFF;
858
- --outline-accent-gradient-active: #666666FF;
859
- --on-light-persona-violet-surface-accent-gradient-hover: #FFFFFFFF;
860
- --on-dark-surface-accent-gradient: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);
861
- --surface-accent-gradient-active: #E6E6E6FF;
862
- --on-light-persona-blue-surface-accent-gradient-active: #FFFFFFFF;
863
- --persona-ochre-surface-accent-gradient-hover: #FFFFFFFF;
864
- --on-light-surface-skeleton-gradient-hover: #FFFFFFFF;
921
+ --on-dark-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
922
+ --on-light-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%);
923
+ --light-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
924
+ --surface-skeleton-gradient: linear-gradient(0deg, #FFFFFF 0.0%, #FFFFFF 50.4%, #FFFFFF 100.0%, #FFFFFF 100.0%);
925
+ --on-dark-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);
926
+ --overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
927
+ --on-light-outline-white-gradient: linear-gradient(135.00deg, rgb(255, 255, 255) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.8) 100.0%);
928
+ --inverse-surface-skeleton-gradient: linear-gradient(180deg, #080808 0.0%, #080808 10.0%, #080808 20.0%, #080808 25.0%, #080808 30.0%, #080808 40.0%, #080808 50.0%, #080808 60.0%, #080808 70.0%, #080808 75.0%, #080808 80.0%, #080808 90.0%, #080808 100.0%);
929
+ --background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%);
930
+ --on-dark-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%);
931
+ --inverse-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
932
+ --outline-white-gradient: linear-gradient(135.00deg, rgb(255, 255, 255) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.8) 100.0%);
933
+ --personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%);
934
+ --inverse-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%);
935
+ --on-light-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%);
936
+ --inverse-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%);
937
+ --on-dark-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(199, 90, 23) 100.0%);
938
+ --personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%);
939
+ --inverse-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%);
940
+ --on-light-surface-skeleton-gradient: linear-gradient(180deg, #080808 0.0%, #080808 10.0%, #080808 20.0%, #080808 25.0%, #080808 30.0%, #080808 40.0%, #080808 50.0%, #080808 60.0%, #080808 70.0%, #080808 75.0%, #080808 80.0%, #080808 90.0%, #080808 100.0%);
941
+ --inverse-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%);
942
+ --dark-background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%);
943
+ --on-dark-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%);
944
+ --on-dark-surface-skeleton-gradient: linear-gradient(0deg, #FFFFFF 0.0%, #FFFFFF 50.4%, #FFFFFF 100.0%, #FFFFFF 100.0%);
945
+ --inverse-background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%);
946
+ --inverse-overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
947
+ --on-dark-overlay-gradient: linear-gradient(180deg, #000000 0.0%, #000000 100.0%);
948
+ --personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%);
949
+ --on-light-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);
950
+ --inverse-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
951
+ --inverse-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%);
952
+ --on-light-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
953
+ --on-light-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);
954
+ --personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
955
+ --on-light-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%);
956
+ --surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
957
+ --inverse-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%);
958
+ --personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(199, 90, 23) 100.0%);
959
+ --inverse-outline-white-gradient: linear-gradient(135.00deg, rgb(255, 255, 255) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.8) 100.0%);
960
+ --on-light-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%);
961
+ --personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);
962
+ --on-dark-outline-white-gradient: linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.6) 100.0%);
963
+ --inverse-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%);
964
+ --on-light-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%);
965
+ --inverse-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);
966
+ --on-light-overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
967
+ --on-light-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%);
968
+ --on-light-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%);
969
+ --on-dark-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%);
970
+ --on-dark-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%);
971
+ --on-dark-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%);
972
+ --personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);
973
+ --text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%);
974
+ --on-dark-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(33, 150, 31) 0.0%, rgb(18, 114, 16) 100.0%);
975
+ --on-dark-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
976
+ --personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%);
977
+ --surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
978
+ --surface-accent-minor-gradient: linear-gradient(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 100.0%);
979
+ --on-dark-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
980
+ --on-dark-surface-accent-minor-gradient: linear-gradient(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 100.0%);
981
+ --inverse-surface-accent-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);
982
+ --on-light-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
983
+ --on-light-surface-accent-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);
984
+ --inverse-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
865
985
  }
866
986
 
867
987
  :root {
988
+ --shadow-down-hard-s: 0rem 0.25rem 0.75rem -0.1875rem #08080829, 0rem 0.0625rem 0.25rem -0.125rem #00000014;
989
+ --shadow-down-soft-l: 0rem 3.75rem 7rem -0.5rem #00000014;
868
990
  --shadow-down-soft-s: 0rem 0.25rem 0.875rem -0.25rem #08080814, 0rem 0.0625rem 0.25rem -0.0625rem #0000000A;
869
991
  --shadow-down-soft-m: 0rem 1.5rem 3rem -0.5rem #00000014;
870
- --shadow-down-soft-l: 0rem 3.75rem 7rem -0.5rem #00000014;
871
992
  --shadow-down-hard-m: 0rem 1rem 2rem -0.5rem #0000003D;
872
993
  --shadow-down-hard-l: 0rem 3.75rem 7rem -0.5rem #00000066;
873
- --shadow-down-hard-s: 0rem 0.25rem 0.75rem -0.1875rem #08080829, 0rem 0.0625rem 0.25rem -0.125rem #00000014;
874
994
  --shadow-up-soft-s: 0rem -0.25rem 0.875rem -0.25rem #08080814, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;
875
995
  --shadow-up-soft-m: 0rem -1.5rem 3rem -0.5rem #00000014;
876
996
  --shadow-up-soft-l: 0rem -3.75rem 7rem -0.5rem #00000014;
@@ -880,157 +1000,229 @@
880
1000
  }
881
1001
 
882
1002
  :root {
883
- --border-radius-xxl: 1.5rem;
884
1003
  --border-radius-4xl: 2rem;
885
- --border-radius-5xl: 2.5rem;
886
1004
  --border-radius-3xl: 1.75rem;
887
- --border-radius-l: 1rem;
888
- --border-radius-xl: 1.25rem;
1005
+ --border-radius-5xl: 2.5rem;
1006
+ --border-radius-circle: 100rem;
889
1007
  --border-radius-m: 0.75rem;
1008
+ --border-radius-l: 1rem;
890
1009
  --border-radius-xxs: 0.25rem;
891
1010
  --border-radius-xs: 0.375rem;
1011
+ --border-radius-xxl: 1.5rem;
892
1012
  --border-radius-s: 0.5rem;
893
- --border-radius-circle: 624.9375rem;
1013
+ --border-radius-xl: 1.25rem;
894
1014
  }
895
1015
 
896
1016
  :root {
897
- --spacing-0x: 0rem;
898
- --spacing-1x: 0.125rem;
899
- --spacing-2x: 0.25rem;
900
- --spacing-4x: 0.5rem;
1017
+ --spacing-16x: 2rem;
901
1018
  --spacing-3x: 0.375rem;
902
1019
  --spacing-6x: 0.75rem;
903
1020
  --spacing-8x: 1rem;
904
- --spacing-16x: 2rem;
1021
+ --spacing-10x: 1.25rem;
1022
+ --spacing-12x: 1.5rem;
905
1023
  --spacing-20x: 2.5rem;
906
1024
  --spacing-24x: 3rem;
907
1025
  --spacing-32x: 4rem;
908
1026
  --spacing-40x: 5rem;
909
1027
  --spacing-60x: 7.5rem;
910
- --spacing-10x: 1.25rem;
911
- --spacing-12x: 1.5rem;
1028
+ --spacing-4x: 0.5rem;
1029
+ --spacing-2x: 0.25rem;
1030
+ --spacing-0x: 0rem;
1031
+ --spacing-1x: 0.125rem;
912
1032
  }
913
1033
 
914
1034
  :root {
915
1035
  font-size: 16px;
916
1036
  --plasma-typo-overflow-wrap: break-word;
917
1037
  --plasma-typo-hyphens: auto;
918
- --plasma-typo-display-font-family: 'Roboto', sans-serif;
919
- --plasma-typo-body-font-family: 'Roboto', sans-serif;
920
- --plasma-typo-header-font-family: 'Roboto', sans-serif;
1038
+ --plasma-typo-display-font-family: 'SB Sans Display', sans-serif;
1039
+ --plasma-typo-body-font-family: 'SB Sans Text', sans-serif;
1040
+ --plasma-typo-header-font-family: 'SB Sans Display', sans-serif;
921
1041
  --plasma-typo-text-font-family: 'undefined', sans-serif;
922
- --plasma-typo-body-xs-medium-font-family: var(--plasma-typo-body-font-family);
923
- --plasma-typo-body-xs-medium-letter-spacing: -0.02em;
924
- --plasma-typo-body-xs-medium-font-style: normal;
925
- --plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-body-font-family);
926
- --plasma-typo-body-xxs-medium-letter-spacing: -0.02em;
927
- --plasma-typo-body-xxs-medium-font-style: normal;
928
- --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family);
929
- --plasma-typo-body-xxs-letter-spacing: -0.02em;
930
- --plasma-typo-body-xxs-font-style: normal;
931
- --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family);
932
- --plasma-typo-h3-bold-letter-spacing: normal;
933
- --plasma-typo-h3-bold-font-style: normal;
934
- --plasma-typo-h3-medium-font-family: var(--plasma-typo-header-font-family);
935
- --plasma-typo-h3-medium-letter-spacing: normal;
936
- --plasma-typo-h3-medium-font-style: normal;
937
- --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family);
938
- --plasma-typo-h3-letter-spacing: normal;
939
- --plasma-typo-h3-font-style: normal;
940
- --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family);
941
- --plasma-typo-body-l-bold-letter-spacing: -0.00125em;
942
- --plasma-typo-body-l-bold-font-style: normal;
943
- --plasma-typo-body-l-medium-font-family: var(--plasma-typo-body-font-family);
944
- --plasma-typo-body-l-medium-letter-spacing: -0.02em;
945
- --plasma-typo-body-l-medium-font-style: normal;
946
- --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family);
947
- --plasma-typo-body-l-letter-spacing: -0.02em;
948
- --plasma-typo-body-l-font-style: normal;
949
- --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family);
950
- --plasma-typo-body-s-bold-letter-spacing: -0.02em;
951
- --plasma-typo-body-s-bold-font-style: normal;
952
- --plasma-typo-body-s-medium-font-family: var(--plasma-typo-body-font-family);
953
- --plasma-typo-body-s-medium-letter-spacing: -0.02em;
954
- --plasma-typo-body-s-medium-font-style: normal;
955
- --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family);
956
- --plasma-typo-body-s-letter-spacing: -0.02em;
957
- --plasma-typo-body-s-font-style: normal;
958
- --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family);
959
- --plasma-typo-body-xs-bold-letter-spacing: -0.02em;
960
- --plasma-typo-body-xs-bold-font-style: normal;
961
- --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family);
962
- --plasma-typo-body-xs-letter-spacing: -0.02em;
963
- --plasma-typo-body-xs-font-style: normal;
964
- --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family);
965
- --plasma-typo-body-xxs-bold-letter-spacing: -0.02em;
1042
+ --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-text-font-family);
1043
+ --plasma-typo-body-xxs-bold-letter-spacing: normal;
966
1044
  --plasma-typo-body-xxs-bold-font-style: normal;
967
- --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family);
968
- --plasma-typo-dspl-s-bold-letter-spacing: normal;
969
- --plasma-typo-dspl-s-bold-font-style: normal;
1045
+ --plasma-typo-h2-medium-font-family: var(--plasma-typo-display-font-family);
1046
+ --plasma-typo-h2-medium-letter-spacing: normal;
1047
+ --plasma-typo-h2-medium-font-style: normal;
970
1048
  --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family);
971
1049
  --plasma-typo-dspl-s-letter-spacing: normal;
972
1050
  --plasma-typo-dspl-s-font-style: normal;
1051
+ --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family);
1052
+ --plasma-typo-dspl-s-bold-letter-spacing: normal;
1053
+ --plasma-typo-dspl-s-bold-font-style: normal;
973
1054
  --plasma-typo-dspl-s-medium-font-family: var(--plasma-typo-display-font-family);
974
1055
  --plasma-typo-dspl-s-medium-letter-spacing: normal;
975
1056
  --plasma-typo-dspl-s-medium-font-style: normal;
1057
+ --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family);
1058
+ --plasma-typo-h1-letter-spacing: normal;
1059
+ --plasma-typo-h1-font-style: normal;
1060
+ --plasma-typo-h1-bold-font-family: var(--plasma-typo-display-font-family);
1061
+ --plasma-typo-h1-bold-letter-spacing: normal;
1062
+ --plasma-typo-h1-bold-font-style: normal;
1063
+ --plasma-typo-h1-medium-font-family: var(--plasma-typo-display-font-family);
1064
+ --plasma-typo-h1-medium-letter-spacing: normal;
1065
+ --plasma-typo-h1-medium-font-style: normal;
1066
+ --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family);
1067
+ --plasma-typo-h2-letter-spacing: normal;
1068
+ --plasma-typo-h2-font-style: normal;
1069
+ --plasma-typo-h2-bold-font-family: var(--plasma-typo-display-font-family);
1070
+ --plasma-typo-h2-bold-letter-spacing: normal;
1071
+ --plasma-typo-h2-bold-font-style: normal;
1072
+ --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family);
1073
+ --plasma-typo-h3-letter-spacing: normal;
1074
+ --plasma-typo-h3-font-style: normal;
1075
+ --plasma-typo-h3-bold-font-family: var(--plasma-typo-display-font-family);
1076
+ --plasma-typo-h3-bold-letter-spacing: normal;
1077
+ --plasma-typo-h3-bold-font-style: normal;
1078
+ --plasma-typo-h3-medium-font-family: var(--plasma-typo-display-font-family);
1079
+ --plasma-typo-h3-medium-letter-spacing: normal;
1080
+ --plasma-typo-h3-medium-font-style: normal;
1081
+ --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family);
1082
+ --plasma-typo-h4-letter-spacing: normal;
1083
+ --plasma-typo-h4-font-style: normal;
1084
+ --plasma-typo-h4-bold-font-family: var(--plasma-typo-display-font-family);
1085
+ --plasma-typo-h4-bold-letter-spacing: normal;
1086
+ --plasma-typo-h4-bold-font-style: normal;
1087
+ --plasma-typo-h4-medium-font-family: var(--plasma-typo-display-font-family);
1088
+ --plasma-typo-h4-medium-letter-spacing: normal;
1089
+ --plasma-typo-h4-medium-font-style: normal;
1090
+ --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family);
1091
+ --plasma-typo-body-l-letter-spacing: normal;
1092
+ --plasma-typo-body-l-font-style: normal;
1093
+ --plasma-typo-body-l-bold-font-family: var(--plasma-typo-text-font-family);
1094
+ --plasma-typo-body-l-bold-letter-spacing: normal;
1095
+ --plasma-typo-body-l-bold-font-style: normal;
1096
+ --plasma-typo-body-s-medium-font-family: var(--plasma-typo-text-font-family);
1097
+ --plasma-typo-body-s-medium-letter-spacing: normal;
1098
+ --plasma-typo-body-s-medium-font-style: normal;
1099
+ --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family);
1100
+ --plasma-typo-body-xs-letter-spacing: normal;
1101
+ --plasma-typo-body-xs-font-style: normal;
1102
+ --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-text-font-family);
1103
+ --plasma-typo-body-xs-bold-letter-spacing: normal;
1104
+ --plasma-typo-body-xs-bold-font-style: normal;
1105
+ --plasma-typo-body-xs-medium-font-family: var(--plasma-typo-text-font-family);
1106
+ --plasma-typo-body-xs-medium-letter-spacing: normal;
1107
+ --plasma-typo-body-xs-medium-font-style: normal;
1108
+ --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family);
1109
+ --plasma-typo-body-xxs-letter-spacing: normal;
1110
+ --plasma-typo-body-xxs-font-style: normal;
1111
+ --plasma-typo-body-m-bold-font-family: var(--plasma-typo-text-font-family);
1112
+ --plasma-typo-body-m-bold-letter-spacing: normal;
1113
+ --plasma-typo-body-m-bold-font-style: normal;
1114
+ --plasma-typo-body-m-medium-font-family: var(--plasma-typo-text-font-family);
1115
+ --plasma-typo-body-m-medium-letter-spacing: normal;
1116
+ --plasma-typo-body-m-medium-font-style: normal;
1117
+ --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family);
1118
+ --plasma-typo-body-s-letter-spacing: normal;
1119
+ --plasma-typo-body-s-font-style: normal;
1120
+ --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family);
1121
+ --plasma-typo-body-s-bold-letter-spacing: normal;
1122
+ --plasma-typo-body-s-bold-font-style: normal;
1123
+ --plasma-typo-body-l-medium-font-family: var(--plasma-typo-text-font-family);
1124
+ --plasma-typo-body-l-medium-letter-spacing: normal;
1125
+ --plasma-typo-body-l-medium-font-style: normal;
1126
+ --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family);
1127
+ --plasma-typo-body-m-letter-spacing: normal;
1128
+ --plasma-typo-body-m-font-style: normal;
1129
+ --plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-text-font-family);
1130
+ --plasma-typo-body-xxs-medium-letter-spacing: normal;
1131
+ --plasma-typo-body-xxs-medium-font-style: normal;
976
1132
  }
977
1133
 
978
1134
  @media (max-width: 559px) {
979
1135
  :root {
980
- --plasma-typo-body-xs-medium-font-size: 0.75rem;
981
- --plasma-typo-body-xs-medium-font-weight: 500;
982
- --plasma-typo-body-xs-medium-line-height: 0.875rem;
983
- --plasma-typo-body-xxs-medium-font-size: 0.6875rem;
984
- --plasma-typo-body-xxs-medium-font-weight: 500;
985
- --plasma-typo-body-xxs-medium-line-height: 0.8125rem;
986
- --plasma-typo-body-xxs-font-size: 0.6875rem;
987
- --plasma-typo-body-xxs-font-weight: 400;
988
- --plasma-typo-body-xxs-line-height: 0.8125rem;
1136
+ --plasma-typo-body-xxs-bold-font-size: 0.6875rem;
1137
+ --plasma-typo-body-xxs-bold-font-weight: 600;
1138
+ --plasma-typo-body-xxs-bold-line-height: 0.8125rem;
1139
+ --plasma-typo-h2-medium-font-size: 1.375rem;
1140
+ --plasma-typo-h2-medium-font-weight: 500;
1141
+ --plasma-typo-h2-medium-line-height: 1.75rem;
1142
+ --plasma-typo-dspl-s-font-size: 2.125rem;
1143
+ --plasma-typo-dspl-s-font-weight: 400;
1144
+ --plasma-typo-dspl-s-line-height: 2.5625rem;
1145
+ --plasma-typo-dspl-s-bold-font-size: 2.125rem;
1146
+ --plasma-typo-dspl-s-bold-font-weight: 700;
1147
+ --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
1148
+ --plasma-typo-dspl-s-medium-font-size: 2.125rem;
1149
+ --plasma-typo-dspl-s-medium-font-weight: 500;
1150
+ --plasma-typo-dspl-s-medium-line-height: 2.5625rem;
1151
+ --plasma-typo-h1-font-size: 1.75rem;
1152
+ --plasma-typo-h1-font-weight: 400;
1153
+ --plasma-typo-h1-line-height: 2.25rem;
1154
+ --plasma-typo-h1-bold-font-size: 1.75rem;
1155
+ --plasma-typo-h1-bold-font-weight: 700;
1156
+ --plasma-typo-h1-bold-line-height: 2.25rem;
1157
+ --plasma-typo-h1-medium-font-size: 1.75rem;
1158
+ --plasma-typo-h1-medium-font-weight: 500;
1159
+ --plasma-typo-h1-medium-line-height: 2.25rem;
1160
+ --plasma-typo-h2-font-size: 1.375rem;
1161
+ --plasma-typo-h2-font-weight: 400;
1162
+ --plasma-typo-h2-line-height: 1.75rem;
1163
+ --plasma-typo-h2-bold-font-size: 1.375rem;
1164
+ --plasma-typo-h2-bold-font-weight: 600;
1165
+ --plasma-typo-h2-bold-line-height: 1.75rem;
1166
+ --plasma-typo-h3-font-size: 1.25rem;
1167
+ --plasma-typo-h3-font-weight: 400;
1168
+ --plasma-typo-h3-line-height: 1.4375rem;
989
1169
  --plasma-typo-h3-bold-font-size: 1.25rem;
990
1170
  --plasma-typo-h3-bold-font-weight: 700;
991
1171
  --plasma-typo-h3-bold-line-height: 1.4375rem;
992
1172
  --plasma-typo-h3-medium-font-size: 1.25rem;
993
1173
  --plasma-typo-h3-medium-font-weight: 500;
994
1174
  --plasma-typo-h3-medium-line-height: 1.4375rem;
995
- --plasma-typo-h3-font-size: 1.25rem;
996
- --plasma-typo-h3-font-weight: 400;
997
- --plasma-typo-h3-line-height: 1.4375rem;
998
- --plasma-typo-body-l-bold-font-size: 0.9375rem;
999
- --plasma-typo-body-l-bold-font-weight: 700;
1000
- --plasma-typo-body-l-bold-line-height: 1.25rem;
1001
- --plasma-typo-body-l-medium-font-size: 0.9375rem;
1002
- --plasma-typo-body-l-medium-font-weight: 500;
1003
- --plasma-typo-body-l-medium-line-height: 1.25rem;
1175
+ --plasma-typo-h4-font-size: 1rem;
1176
+ --plasma-typo-h4-font-weight: 400;
1177
+ --plasma-typo-h4-line-height: 1.25rem;
1178
+ --plasma-typo-h4-bold-font-size: 1rem;
1179
+ --plasma-typo-h4-bold-font-weight: 700;
1180
+ --plasma-typo-h4-bold-line-height: 1.25rem;
1181
+ --plasma-typo-h4-medium-font-size: 1rem;
1182
+ --plasma-typo-h4-medium-font-weight: 500;
1183
+ --plasma-typo-h4-medium-line-height: 1.25rem;
1004
1184
  --plasma-typo-body-l-font-size: 0.9375rem;
1005
1185
  --plasma-typo-body-l-font-weight: 400;
1006
1186
  --plasma-typo-body-l-line-height: 1.25rem;
1007
- --plasma-typo-body-s-bold-font-size: 0.8125rem;
1008
- --plasma-typo-body-s-bold-font-weight: 600;
1009
- --plasma-typo-body-s-bold-line-height: 0.9375rem;
1187
+ --plasma-typo-body-l-bold-font-size: 0.9375rem;
1188
+ --plasma-typo-body-l-bold-font-weight: 700;
1189
+ --plasma-typo-body-l-bold-line-height: 1.25rem;
1010
1190
  --plasma-typo-body-s-medium-font-size: 0.8125rem;
1011
1191
  --plasma-typo-body-s-medium-font-weight: 500;
1012
1192
  --plasma-typo-body-s-medium-line-height: 0.9375rem;
1013
- --plasma-typo-body-s-font-size: 0.8125rem;
1014
- --plasma-typo-body-s-font-weight: 400;
1015
- --plasma-typo-body-s-line-height: 0.9375rem;
1016
- --plasma-typo-body-xs-bold-font-size: 0.75rem;
1017
- --plasma-typo-body-xs-bold-font-weight: 600;
1018
- --plasma-typo-body-xs-bold-line-height: 0.875rem;
1019
1193
  --plasma-typo-body-xs-font-size: 0.75rem;
1020
1194
  --plasma-typo-body-xs-font-weight: 400;
1021
1195
  --plasma-typo-body-xs-line-height: 0.875rem;
1022
- --plasma-typo-body-xxs-bold-font-size: 0.6875rem;
1023
- --plasma-typo-body-xxs-bold-font-weight: 600;
1024
- --plasma-typo-body-xxs-bold-line-height: 0.8125rem;
1025
- --plasma-typo-dspl-s-bold-font-size: 2.125rem;
1026
- --plasma-typo-dspl-s-bold-font-weight: 700;
1027
- --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
1028
- --plasma-typo-dspl-s-font-size: 2.125rem;
1029
- --plasma-typo-dspl-s-font-weight: 400;
1030
- --plasma-typo-dspl-s-line-height: 2.5625rem;
1031
- --plasma-typo-dspl-s-medium-font-size: 2.125rem;
1032
- --plasma-typo-dspl-s-medium-font-weight: 500;
1033
- --plasma-typo-dspl-s-medium-line-height: 2.5625rem;
1196
+ --plasma-typo-body-xs-bold-font-size: 0.75rem;
1197
+ --plasma-typo-body-xs-bold-font-weight: 600;
1198
+ --plasma-typo-body-xs-bold-line-height: 0.875rem;
1199
+ --plasma-typo-body-xs-medium-font-size: 0.75rem;
1200
+ --plasma-typo-body-xs-medium-font-weight: 500;
1201
+ --plasma-typo-body-xs-medium-line-height: 0.875rem;
1202
+ --plasma-typo-body-xxs-font-size: 0.6875rem;
1203
+ --plasma-typo-body-xxs-font-weight: 400;
1204
+ --plasma-typo-body-xxs-line-height: 0.8125rem;
1205
+ --plasma-typo-body-m-bold-font-size: 0.875rem;
1206
+ --plasma-typo-body-m-bold-font-weight: 600;
1207
+ --plasma-typo-body-m-bold-line-height: 1.125rem;
1208
+ --plasma-typo-body-m-medium-font-size: 0.875rem;
1209
+ --plasma-typo-body-m-medium-font-weight: 500;
1210
+ --plasma-typo-body-m-medium-line-height: 1.125rem;
1211
+ --plasma-typo-body-s-font-size: 0.8125rem;
1212
+ --plasma-typo-body-s-font-weight: 400;
1213
+ --plasma-typo-body-s-line-height: 0.9375rem;
1214
+ --plasma-typo-body-s-bold-font-size: 0.8125rem;
1215
+ --plasma-typo-body-s-bold-font-weight: 600;
1216
+ --plasma-typo-body-s-bold-line-height: 0.9375rem;
1217
+ --plasma-typo-body-l-medium-font-size: 0.9375rem;
1218
+ --plasma-typo-body-l-medium-font-weight: 500;
1219
+ --plasma-typo-body-l-medium-line-height: 1.25rem;
1220
+ --plasma-typo-body-m-font-size: 0.875rem;
1221
+ --plasma-typo-body-m-font-weight: 400;
1222
+ --plasma-typo-body-m-line-height: 1.125rem;
1223
+ --plasma-typo-body-xxs-medium-font-size: 0.6875rem;
1224
+ --plasma-typo-body-xxs-medium-font-weight: 500;
1225
+ --plasma-typo-body-xxs-medium-line-height: 0.8125rem;
1034
1226
  }
1035
1227
  }
1036
1228
 
@@ -1039,115 +1231,187 @@
1039
1231
  --plasma-typo-dspl-s-font-size: 2.125rem;
1040
1232
  --plasma-typo-dspl-s-font-weight: 400;
1041
1233
  --plasma-typo-dspl-s-line-height: 2.5625rem;
1042
- --plasma-typo-body-xs-bold-font-size: 0.75rem;
1043
- --plasma-typo-body-xs-bold-font-weight: 600;
1044
- --plasma-typo-body-xs-bold-line-height: 0.875rem;
1234
+ --plasma-typo-dspl-s-bold-font-size: 2.125rem;
1235
+ --plasma-typo-dspl-s-bold-font-weight: 700;
1236
+ --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
1045
1237
  --plasma-typo-dspl-s-medium-font-size: 2.125rem;
1046
1238
  --plasma-typo-dspl-s-medium-font-weight: 500;
1047
1239
  --plasma-typo-dspl-s-medium-line-height: 2.5625rem;
1048
- --plasma-typo-dspl-s-bold-font-size: 2.125rem;
1049
- --plasma-typo-dspl-s-bold-font-weight: 600;
1050
- --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
1240
+ --plasma-typo-h1-font-size: 1.75rem;
1241
+ --plasma-typo-h1-font-weight: 400;
1242
+ --plasma-typo-h1-line-height: 2.25rem;
1243
+ --plasma-typo-h1-bold-font-size: 1.75rem;
1244
+ --plasma-typo-h1-bold-font-weight: 700;
1245
+ --plasma-typo-h1-bold-line-height: 2.25rem;
1246
+ --plasma-typo-h1-medium-font-size: 1.75rem;
1247
+ --plasma-typo-h1-medium-font-weight: 500;
1248
+ --plasma-typo-h1-medium-line-height: 2.25rem;
1249
+ --plasma-typo-h2-font-size: 1.375rem;
1250
+ --plasma-typo-h2-font-weight: 400;
1251
+ --plasma-typo-h2-line-height: 1.75rem;
1252
+ --plasma-typo-h2-bold-font-size: 1.375rem;
1253
+ --plasma-typo-h2-bold-font-weight: 600;
1254
+ --plasma-typo-h2-bold-line-height: 1.75rem;
1255
+ --plasma-typo-h2-medium-font-size: 1.375rem;
1256
+ --plasma-typo-h2-medium-font-weight: 500;
1257
+ --plasma-typo-h2-medium-line-height: 1.75rem;
1051
1258
  --plasma-typo-h3-font-size: 1.25rem;
1052
1259
  --plasma-typo-h3-font-weight: 400;
1053
1260
  --plasma-typo-h3-line-height: 1.4375rem;
1261
+ --plasma-typo-h3-bold-font-size: 1.25rem;
1262
+ --plasma-typo-h3-bold-font-weight: 700;
1263
+ --plasma-typo-h3-bold-line-height: 1.4375rem;
1264
+ --plasma-typo-h3-medium-font-size: 1.25rem;
1265
+ --plasma-typo-h3-medium-font-weight: 500;
1266
+ --plasma-typo-h3-medium-line-height: 1.4375rem;
1267
+ --plasma-typo-h4-font-size: 1.125rem;
1268
+ --plasma-typo-h4-font-weight: 400;
1269
+ --plasma-typo-h4-line-height: 1.5rem;
1270
+ --plasma-typo-h4-bold-font-size: 1rem;
1271
+ --plasma-typo-h4-bold-font-weight: 700;
1272
+ --plasma-typo-h4-bold-line-height: 1.25rem;
1273
+ --plasma-typo-h4-medium-font-size: 1rem;
1274
+ --plasma-typo-h4-medium-font-weight: 500;
1275
+ --plasma-typo-h4-medium-line-height: 1.25rem;
1276
+ --plasma-typo-body-l-font-size: 0.9375rem;
1277
+ --plasma-typo-body-l-font-weight: 400;
1278
+ --plasma-typo-body-l-line-height: 1.25rem;
1054
1279
  --plasma-typo-body-l-bold-font-size: 0.9375rem;
1055
- --plasma-typo-body-l-bold-font-weight: 600;
1280
+ --plasma-typo-body-l-bold-font-weight: 700;
1056
1281
  --plasma-typo-body-l-bold-line-height: 1.25rem;
1057
1282
  --plasma-typo-body-l-medium-font-size: 0.9375rem;
1058
1283
  --plasma-typo-body-l-medium-font-weight: 500;
1059
- --plasma-typo-body-l-medium-line-height: 1.25rem;
1060
- --plasma-typo-body-l-font-size: 0.9375rem;
1061
- --plasma-typo-body-l-font-weight: 400;
1062
- --plasma-typo-body-l-line-height: 1.25rem;
1284
+ --plasma-typo-body-l-medium-line-height: 1.125rem;
1285
+ --plasma-typo-body-m-font-size: 0.875rem;
1286
+ --plasma-typo-body-m-font-weight: 400;
1287
+ --plasma-typo-body-m-line-height: 1.125rem;
1288
+ --plasma-typo-body-m-bold-font-size: 0.875rem;
1289
+ --plasma-typo-body-m-bold-font-weight: 600;
1290
+ --plasma-typo-body-m-bold-line-height: 1.125rem;
1291
+ --plasma-typo-body-m-medium-font-size: 0.875rem;
1292
+ --plasma-typo-body-m-medium-font-weight: 500;
1293
+ --plasma-typo-body-m-medium-line-height: 1.125rem;
1294
+ --plasma-typo-body-s-font-size: 0.8125rem;
1295
+ --plasma-typo-body-s-font-weight: 400;
1296
+ --plasma-typo-body-s-line-height: 0.9375rem;
1063
1297
  --plasma-typo-body-s-bold-font-size: 0.8125rem;
1064
1298
  --plasma-typo-body-s-bold-font-weight: 600;
1065
1299
  --plasma-typo-body-s-bold-line-height: 0.9375rem;
1066
- --plasma-typo-body-s-medium-font-size: 0.8125rem;
1300
+ --plasma-typo-body-s-medium-font-size: 0.875rem;
1067
1301
  --plasma-typo-body-s-medium-font-weight: 500;
1068
- --plasma-typo-body-s-medium-line-height: 0.9375rem;
1069
- --plasma-typo-body-s-font-size: 0.8125rem;
1070
- --plasma-typo-body-s-font-weight: 400;
1071
- --plasma-typo-body-s-line-height: 0.9375rem;
1072
- --plasma-typo-body-xs-medium-font-size: 0.75rem;
1073
- --plasma-typo-body-xs-medium-font-weight: 500;
1074
- --plasma-typo-body-xs-medium-line-height: 0.875rem;
1302
+ --plasma-typo-body-s-medium-line-height: 1.125rem;
1075
1303
  --plasma-typo-body-xs-font-size: 0.75rem;
1076
1304
  --plasma-typo-body-xs-font-weight: 400;
1077
1305
  --plasma-typo-body-xs-line-height: 0.875rem;
1306
+ --plasma-typo-body-xs-bold-font-size: 0.75rem;
1307
+ --plasma-typo-body-xs-bold-font-weight: 600;
1308
+ --plasma-typo-body-xs-bold-line-height: 0.875rem;
1309
+ --plasma-typo-body-xs-medium-font-size: 0.75rem;
1310
+ --plasma-typo-body-xs-medium-font-weight: 500;
1311
+ --plasma-typo-body-xs-medium-line-height: 0.875rem;
1312
+ --plasma-typo-body-xxs-font-size: 0.6875rem;
1313
+ --plasma-typo-body-xxs-font-weight: 400;
1314
+ --plasma-typo-body-xxs-line-height: 0.8125rem;
1078
1315
  --plasma-typo-body-xxs-bold-font-size: 0.6875rem;
1079
1316
  --plasma-typo-body-xxs-bold-font-weight: 600;
1080
1317
  --plasma-typo-body-xxs-bold-line-height: 0.8125rem;
1081
1318
  --plasma-typo-body-xxs-medium-font-size: 0.6875rem;
1082
1319
  --plasma-typo-body-xxs-medium-font-weight: 500;
1083
1320
  --plasma-typo-body-xxs-medium-line-height: 0.8125rem;
1084
- --plasma-typo-body-xxs-font-size: 0.6875rem;
1085
- --plasma-typo-body-xxs-font-weight: 400;
1086
- --plasma-typo-body-xxs-line-height: 0.8125rem;
1087
- --plasma-typo-h3-bold-font-size: 1.25rem;
1088
- --plasma-typo-h3-bold-font-weight: 600;
1089
- --plasma-typo-h3-bold-line-height: 1.4375rem;
1090
- --plasma-typo-h3-medium-font-size: 1.25rem;
1091
- --plasma-typo-h3-medium-font-weight: 500;
1092
- --plasma-typo-h3-medium-line-height: 1.4375rem;
1093
1321
  }
1094
1322
  }
1095
1323
 
1096
1324
  @media (min-width: 960px) {
1097
1325
  :root {
1326
+ --plasma-typo-dspl-s-font-size: 2.125rem;
1327
+ --plasma-typo-dspl-s-font-weight: 400;
1328
+ --plasma-typo-dspl-s-line-height: 2.5625rem;
1098
1329
  --plasma-typo-dspl-s-bold-font-size: 2.125rem;
1099
- --plasma-typo-dspl-s-bold-font-weight: 600;
1330
+ --plasma-typo-dspl-s-bold-font-weight: 700;
1100
1331
  --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
1101
1332
  --plasma-typo-dspl-s-medium-font-size: 2.125rem;
1102
1333
  --plasma-typo-dspl-s-medium-font-weight: 500;
1103
1334
  --plasma-typo-dspl-s-medium-line-height: 2.5625rem;
1104
- --plasma-typo-dspl-s-font-size: 2.125rem;
1105
- --plasma-typo-dspl-s-font-weight: 400;
1106
- --plasma-typo-dspl-s-line-height: 2.5625rem;
1107
- --plasma-typo-h3-bold-font-size: 1.25rem;
1108
- --plasma-typo-h3-bold-font-weight: 600;
1109
- --plasma-typo-h3-bold-line-height: 1.4375rem;
1335
+ --plasma-typo-body-m-medium-font-size: 0.875rem;
1336
+ --plasma-typo-body-m-medium-font-weight: 500;
1337
+ --plasma-typo-body-m-medium-line-height: 1.125rem;
1338
+ --plasma-typo-body-s-font-size: 0.8125rem;
1339
+ --plasma-typo-body-s-font-weight: 400;
1340
+ --plasma-typo-body-s-line-height: 0.9375rem;
1341
+ --plasma-typo-body-s-bold-font-size: 0.8125rem;
1342
+ --plasma-typo-body-s-bold-font-weight: 600;
1343
+ --plasma-typo-body-s-bold-line-height: 0.9375rem;
1344
+ --plasma-typo-h1-font-size: 1.75rem;
1345
+ --plasma-typo-h1-font-weight: 400;
1346
+ --plasma-typo-h1-line-height: 2.25rem;
1347
+ --plasma-typo-h1-bold-font-size: 1.75rem;
1348
+ --plasma-typo-h1-bold-font-weight: 700;
1349
+ --plasma-typo-h1-bold-line-height: 2.25rem;
1350
+ --plasma-typo-h1-medium-font-size: 1.75rem;
1351
+ --plasma-typo-h1-medium-font-weight: 500;
1352
+ --plasma-typo-h1-medium-line-height: 2.25rem;
1353
+ --plasma-typo-h2-font-size: 1.375rem;
1354
+ --plasma-typo-h2-font-weight: 400;
1355
+ --plasma-typo-h2-line-height: 1.75rem;
1356
+ --plasma-typo-h2-bold-font-size: 1.375rem;
1357
+ --plasma-typo-h2-bold-font-weight: 700;
1358
+ --plasma-typo-h2-bold-line-height: 1.75rem;
1359
+ --plasma-typo-h2-medium-font-size: 1.375rem;
1360
+ --plasma-typo-h2-medium-font-weight: 500;
1361
+ --plasma-typo-h2-medium-line-height: 1.75rem;
1110
1362
  --plasma-typo-h3-font-size: 1.25rem;
1111
1363
  --plasma-typo-h3-font-weight: 400;
1112
1364
  --plasma-typo-h3-line-height: 1.4375rem;
1365
+ --plasma-typo-h3-bold-font-size: 1.25rem;
1366
+ --plasma-typo-h3-bold-font-weight: 700;
1367
+ --plasma-typo-h3-bold-line-height: 1.4375rem;
1368
+ --plasma-typo-h3-medium-font-size: 1.25rem;
1369
+ --plasma-typo-h3-medium-font-weight: 500;
1370
+ --plasma-typo-h3-medium-line-height: 1.4375rem;
1371
+ --plasma-typo-h4-font-size: 1.25rem;
1372
+ --plasma-typo-h4-font-weight: 400;
1373
+ --plasma-typo-h4-line-height: 1.625rem;
1374
+ --plasma-typo-h4-bold-font-size: 1rem;
1375
+ --plasma-typo-h4-bold-font-weight: 700;
1376
+ --plasma-typo-h4-bold-line-height: 1.25rem;
1377
+ --plasma-typo-h4-medium-font-size: 1rem;
1378
+ --plasma-typo-h4-medium-font-weight: 500;
1379
+ --plasma-typo-h4-medium-line-height: 1.25rem;
1380
+ --plasma-typo-body-l-font-size: 1.125rem;
1381
+ --plasma-typo-body-l-font-weight: 400;
1382
+ --plasma-typo-body-l-line-height: 1.375rem;
1113
1383
  --plasma-typo-body-l-bold-font-size: 0.9375rem;
1114
- --plasma-typo-body-l-bold-font-weight: 600;
1384
+ --plasma-typo-body-l-bold-font-weight: 700;
1115
1385
  --plasma-typo-body-l-bold-line-height: 1.25rem;
1116
1386
  --plasma-typo-body-l-medium-font-size: 0.9375rem;
1117
1387
  --plasma-typo-body-l-medium-font-weight: 500;
1118
- --plasma-typo-body-l-medium-line-height: 1.25rem;
1119
- --plasma-typo-body-l-font-size: 0.9375rem;
1120
- --plasma-typo-body-l-font-weight: 400;
1121
- --plasma-typo-body-l-line-height: 1.25rem;
1122
- --plasma-typo-body-s-bold-font-size: 0.8125rem;
1123
- --plasma-typo-body-s-bold-font-weight: 600;
1124
- --plasma-typo-body-s-bold-line-height: 0.9375rem;
1125
- --plasma-typo-body-s-medium-font-size: 0.8125rem;
1126
- --plasma-typo-body-s-medium-font-weight: 500;
1127
- --plasma-typo-body-s-medium-line-height: 0.9375rem;
1128
- --plasma-typo-body-s-font-size: 0.8125rem;
1129
- --plasma-typo-body-s-font-weight: 400;
1130
- --plasma-typo-body-s-line-height: 0.9375rem;
1388
+ --plasma-typo-body-l-medium-line-height: 1.125rem;
1389
+ --plasma-typo-body-m-font-size: 0.875rem;
1390
+ --plasma-typo-body-m-font-weight: 400;
1391
+ --plasma-typo-body-m-line-height: 1.125rem;
1392
+ --plasma-typo-body-m-bold-font-size: 0.875rem;
1393
+ --plasma-typo-body-m-bold-font-weight: 600;
1394
+ --plasma-typo-body-m-bold-line-height: 1.125rem;
1131
1395
  --plasma-typo-body-xs-bold-font-size: 0.75rem;
1132
1396
  --plasma-typo-body-xs-bold-font-weight: 600;
1133
1397
  --plasma-typo-body-xs-bold-line-height: 0.875rem;
1134
1398
  --plasma-typo-body-xs-medium-font-size: 0.75rem;
1135
1399
  --plasma-typo-body-xs-medium-font-weight: 500;
1136
1400
  --plasma-typo-body-xs-medium-line-height: 0.875rem;
1137
- --plasma-typo-body-xs-font-size: 0.75rem;
1138
- --plasma-typo-body-xs-font-weight: 400;
1139
- --plasma-typo-body-xs-line-height: 0.875rem;
1140
- --plasma-typo-body-xxs-bold-font-size: 0.6875rem;
1141
- --plasma-typo-body-xxs-bold-font-weight: 600;
1142
- --plasma-typo-body-xxs-bold-line-height: 0.8125rem;
1143
1401
  --plasma-typo-body-xxs-font-size: 0.6875rem;
1144
1402
  --plasma-typo-body-xxs-font-weight: 400;
1145
1403
  --plasma-typo-body-xxs-line-height: 0.8125rem;
1146
- --plasma-typo-body-xxs-medium-font-size: 0.6875rem;
1404
+ --plasma-typo-body-xxs-medium-font-size: 0.625rem;
1147
1405
  --plasma-typo-body-xxs-medium-font-weight: 500;
1148
- --plasma-typo-body-xxs-medium-line-height: 0.8125rem;
1149
- --plasma-typo-h3-medium-font-size: 1.25rem;
1150
- --plasma-typo-h3-medium-font-weight: 500;
1151
- --plasma-typo-h3-medium-line-height: 1.4375rem;
1406
+ --plasma-typo-body-xxs-medium-line-height: 0.75rem;
1407
+ --plasma-typo-body-xxs-bold-font-size: 0.6875rem;
1408
+ --plasma-typo-body-xxs-bold-font-weight: 600;
1409
+ --plasma-typo-body-xxs-bold-line-height: 0.8125rem;
1410
+ --plasma-typo-body-s-medium-font-size: 0.8125rem;
1411
+ --plasma-typo-body-s-medium-font-weight: 500;
1412
+ --plasma-typo-body-s-medium-line-height: 0.9375rem;
1413
+ --plasma-typo-body-xs-font-size: 0.75rem;
1414
+ --plasma-typo-body-xs-font-weight: 400;
1415
+ --plasma-typo-body-xs-line-height: 0.875rem;
1152
1416
  }
1153
1417
  }