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