@patternfly/patternfly 6.3.0-prerelease.6 → 6.3.0-prerelease.61

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 (168) hide show
  1. package/README.md +22 -14
  2. package/assets/images/icon-help.hbs +3 -0
  3. package/assets/images/icon-outlined-star.hbs +3 -0
  4. package/assets/images/icon-star.hbs +3 -0
  5. package/base/normalize.scss +4 -0
  6. package/base/patternfly-common.css +46 -11
  7. package/base/patternfly-common.scss +58 -13
  8. package/base/patternfly-variables.css +1172 -1
  9. package/base/patternfly-variables.scss +10 -0
  10. package/base/tokens/tokens-charts-dark.scss +1 -1
  11. package/base/tokens/tokens-charts.scss +1 -1
  12. package/base/tokens/tokens-dark.scss +13 -1
  13. package/base/tokens/tokens-default.scss +60 -2
  14. package/base/tokens/tokens-highcontrast-dark.scss +396 -0
  15. package/base/tokens/tokens-highcontrast.scss +703 -0
  16. package/base/tokens/tokens-local.scss +1 -0
  17. package/base/tokens/tokens-palette.scss +9 -1
  18. package/components/Accordion/accordion.css +102 -6
  19. package/components/Accordion/accordion.scss +112 -10
  20. package/components/Alert/alert-group.css +67 -33
  21. package/components/Alert/alert-group.scss +95 -48
  22. package/components/Badge/badge.css +2 -0
  23. package/components/Badge/badge.scss +2 -0
  24. package/components/Banner/banner.css +4 -0
  25. package/components/Banner/banner.scss +4 -0
  26. package/components/Button/button.css +187 -9
  27. package/components/Button/button.scss +195 -13
  28. package/components/CalendarMonth/calendar-month.css +16 -0
  29. package/components/CalendarMonth/calendar-month.scss +16 -0
  30. package/components/Card/card.css +5 -4
  31. package/components/Card/card.scss +5 -4
  32. package/components/CodeBlock/code-block.css +3 -0
  33. package/components/CodeBlock/code-block.scss +3 -0
  34. package/components/CodeEditor/code-editor.css +8 -3
  35. package/components/CodeEditor/code-editor.scss +11 -6
  36. package/components/DataList/data-list.css +2 -2
  37. package/components/DataList/data-list.scss +2 -2
  38. package/components/DatePicker/date-picker.css +3 -0
  39. package/components/DatePicker/date-picker.scss +4 -0
  40. package/components/Drawer/drawer.css +44 -41
  41. package/components/Drawer/drawer.scss +42 -36
  42. package/components/DualListSelector/dual-list-selector.css +55 -1
  43. package/components/DualListSelector/dual-list-selector.scss +63 -1
  44. package/components/ExpandableSection/expandable-section.css +63 -1
  45. package/components/ExpandableSection/expandable-section.scss +76 -2
  46. package/components/FileUpload/file-upload.css +3 -3
  47. package/components/FileUpload/file-upload.scss +3 -3
  48. package/components/Form/form.css +40 -1
  49. package/components/Form/form.scss +47 -1
  50. package/components/FormControl/form-control.css +16 -0
  51. package/components/FormControl/form-control.scss +9 -0
  52. package/components/InputGroup/input-group.css +80 -0
  53. package/components/InputGroup/input-group.scss +95 -0
  54. package/components/Label/label.css +20 -11
  55. package/components/Label/label.scss +21 -11
  56. package/components/Login/login.css +3 -0
  57. package/components/Login/login.scss +3 -0
  58. package/components/Menu/menu.css +42 -4
  59. package/components/Menu/menu.scss +39 -6
  60. package/components/MenuToggle/menu-toggle.css +51 -10
  61. package/components/MenuToggle/menu-toggle.scss +61 -9
  62. package/components/ModalBox/modal-box.css +3 -0
  63. package/components/ModalBox/modal-box.scss +3 -0
  64. package/components/Nav/nav.css +39 -8
  65. package/components/Nav/nav.scss +42 -9
  66. package/components/Page/page.css +124 -26
  67. package/components/Page/page.scss +86 -16
  68. package/components/Pagination/pagination.css +14 -1
  69. package/components/Pagination/pagination.scss +14 -1
  70. package/components/Panel/panel.css +14 -1
  71. package/components/Panel/panel.scss +14 -1
  72. package/components/Popover/popover.css +4 -0
  73. package/components/Popover/popover.scss +4 -0
  74. package/components/Progress/progress.css +26 -0
  75. package/components/Progress/progress.scss +22 -1
  76. package/components/ProgressStepper/progress-stepper.scss +1 -0
  77. package/components/SimpleList/simple-list.css +15 -0
  78. package/components/SimpleList/simple-list.scss +17 -1
  79. package/components/Skeleton/skeleton.css +22 -2
  80. package/components/Skeleton/skeleton.scss +25 -3
  81. package/components/Spinner/spinner.css +5 -0
  82. package/components/Spinner/spinner.scss +6 -0
  83. package/components/Table/table-grid.css +51 -5
  84. package/components/Table/table-grid.scss +22 -1
  85. package/components/Table/table.css +124 -2
  86. package/components/Table/table.scss +171 -3
  87. package/components/Tabs/tabs.css +32 -15
  88. package/components/Tabs/tabs.scss +34 -14
  89. package/components/TextInputGroup/text-input-group.css +23 -0
  90. package/components/TextInputGroup/text-input-group.scss +16 -1
  91. package/components/Timestamp/timestamp.css +4 -0
  92. package/components/Timestamp/timestamp.scss +7 -0
  93. package/components/TreeView/tree-view.css +54 -0
  94. package/components/TreeView/tree-view.scss +59 -2
  95. package/components/Truncate/truncate.css +1 -0
  96. package/components/Truncate/truncate.scss +3 -0
  97. package/components/Wizard/wizard.css +33 -6
  98. package/components/Wizard/wizard.scss +38 -8
  99. package/components/_index.css +1404 -195
  100. package/docs/components/Alert/examples/Alert.md +2 -2
  101. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  102. package/docs/components/Button/examples/Button.md +159 -6
  103. package/docs/components/Card/examples/Card.md +8 -8
  104. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +24 -32
  105. package/docs/components/CodeBlock/examples/CodeBlock.md +10 -10
  106. package/docs/components/CodeEditor/examples/CodeEditor.md +29 -5
  107. package/docs/components/DataList/examples/DataList.md +83 -207
  108. package/docs/components/DescriptionList/examples/DescriptionList.md +78 -22
  109. package/docs/components/DualListSelector/examples/DualListSelector.md +642 -319
  110. package/docs/components/EmptyState/examples/EmptyState.md +6 -6
  111. package/docs/components/ExpandableSection/examples/ExpandableSection.md +26 -15
  112. package/docs/components/Form/examples/Form.md +1178 -113
  113. package/docs/components/Hint/examples/Hint.md +3 -3
  114. package/docs/components/InlineEdit/examples/InlineEdit.md +2 -6
  115. package/docs/components/InputGroup/examples/InputGroup.md +5 -1
  116. package/docs/components/Label/examples/Label.md +2 -2
  117. package/docs/components/Login/examples/Login.md +22 -22
  118. package/docs/components/Masthead/examples/masthead.md +90 -12
  119. package/docs/components/Menu/examples/Menu.md +122 -6
  120. package/docs/components/MenuToggle/examples/MenuToggle.md +93 -55
  121. package/docs/components/ModalBox/examples/ModalBox.md +13 -1
  122. package/docs/components/OverflowMenu/examples/overflow-menu.md +5 -5
  123. package/docs/components/Page/examples/Page.md +147 -14
  124. package/docs/components/Pagination/examples/Pagination.md +123 -12
  125. package/docs/components/Popover/examples/Popover.md +0 -4
  126. package/docs/components/Progress/examples/Progress.md +222 -210
  127. package/docs/components/ProgressStepper/examples/ProgressStepper.md +32 -6
  128. package/docs/components/Skeleton/examples/Skeleton.md +21 -7
  129. package/docs/components/Slider/examples/Slider.md +2 -2
  130. package/docs/components/Spinner/examples/Spinner.md +10 -0
  131. package/docs/components/Table/examples/Table.md +7699 -4896
  132. package/docs/components/Tabs/examples/Tabs.md +1214 -6729
  133. package/docs/components/TextInputGroup/examples/TextInputGroup.md +168 -49
  134. package/docs/components/Title/examples/Title.md +8 -8
  135. package/docs/components/Toolbar/examples/Toolbar.md +7 -7
  136. package/docs/components/Wizard/examples/Wizard.md +583 -0
  137. package/docs/demos/AboutModal/examples/AboutModal.md +22 -3
  138. package/docs/demos/Alert/examples/Alert.md +66 -9
  139. package/docs/demos/BackToTop/examples/BackToTop.md +22 -3
  140. package/docs/demos/Banner/examples/Banner.md +47 -6
  141. package/docs/demos/Card/examples/Card.md +13 -67
  142. package/docs/demos/CardView/examples/CardView.md +24 -5
  143. package/docs/demos/Dashboard/examples/Dashboard.md +34 -27
  144. package/docs/demos/DataList/examples/DataList.md +628 -192
  145. package/docs/demos/DescriptionList/examples/DescriptionList.md +79 -50
  146. package/docs/demos/Drawer/examples/Drawer.md +110 -53
  147. package/docs/demos/Form/examples/BasicForms.md +146 -26
  148. package/docs/demos/JumpLinks/examples/JumpLinks.md +132 -18
  149. package/docs/demos/Masthead/examples/Masthead.md +170 -18
  150. package/docs/demos/Modal/examples/Modal.md +171 -21
  151. package/docs/demos/Nav/examples/Nav.md +111 -16
  152. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +114 -19
  153. package/docs/demos/Page/examples/Page.md +309 -43
  154. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +13 -1
  155. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +886 -415
  156. package/docs/demos/Skeleton/examples/Skeleton.md +25 -4
  157. package/docs/demos/Table/examples/Table.md +480 -177
  158. package/docs/demos/Tabs/examples/Tabs.md +139 -594
  159. package/docs/demos/Toolbar/examples/Toolbar.md +72 -34
  160. package/docs/demos/Wizard/examples/Wizard.md +198 -27
  161. package/package.json +12 -7
  162. package/patternfly-base-no-globals.css +1217 -12
  163. package/patternfly-base.css +1221 -12
  164. package/patternfly-no-globals.css +2851 -437
  165. package/patternfly.css +2853 -435
  166. package/patternfly.min.css +1 -1
  167. package/patternfly.min.css.map +1 -1
  168. package/sass-utilities/mixins.scss +54 -0
package/patternfly-base-no-globals.css CHANGED
@@ -44,19 +44,53 @@
44
44
  }
45
45
 
46
46
  .pf-v6-m-no-motion {
47
- --pf-t--global--delay--400: 0ms !important;
48
- --pf-t--global--delay--300: 0ms !important;
49
- --pf-t--global--delay--200: 0ms !important;
50
- --pf-t--global--delay--100: 0ms !important;
51
- --pf-t--global--duration--600: 0ms !important;
52
- --pf-t--global--duration--500: 0ms !important;
53
- --pf-t--global--duration--400: 0ms !important;
54
- --pf-t--global--duration--300: 0ms !important;
55
- --pf-t--global--duration--200: 0ms !important;
56
- --pf-t--global--duration--100: 0ms !important;
57
- --pf-t--global--duration--50: 0ms !important;
47
+ --pf-t--global--delay--400: 1ms !important;
48
+ --pf-t--global--delay--300: 1ms !important;
49
+ --pf-t--global--delay--200: 1ms !important;
50
+ --pf-t--global--delay--100: 1ms !important;
51
+ --pf-t--global--duration--600: 1ms !important;
52
+ --pf-t--global--duration--500: 1ms !important;
53
+ --pf-t--global--duration--400: 1ms !important;
54
+ --pf-t--global--duration--300: 1ms !important;
55
+ --pf-t--global--duration--200: 1ms !important;
56
+ --pf-t--global--duration--100: 1ms !important;
57
+ --pf-t--global--duration--50: 1ms !important;
58
58
  }
59
59
 
60
+ :root {
61
+ --pf-v6-global--danger-jiggle--AnimationDuration--Transform: var(--pf-t--global--motion--duration--fade--default);
62
+ --pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
63
+ }
64
+
65
+ @property --pf-v6-global--danger-jiggle--TranslateX {
66
+ syntax: "<length>";
67
+ inherits: false;
68
+ initial-value: 0;
69
+ }
70
+ @keyframes pf-v6-global-danger-jiggle-motion {
71
+ 33% {
72
+ --pf-v6-global--danger-jiggle--TranslateX: -2px;
73
+ }
74
+ 66% {
75
+ --pf-v6-global--danger-jiggle--TranslateX: 3px;
76
+ }
77
+ }
78
+ @keyframes pf-v6-global-fade-in {
79
+ from {
80
+ opacity: 0;
81
+ }
82
+ to {
83
+ opacity: 1;
84
+ }
85
+ }
86
+ @keyframes pf-v6-global-fade-out {
87
+ from {
88
+ opacity: 1;
89
+ }
90
+ to {
91
+ opacity: 0;
92
+ }
93
+ }
60
94
  @font-face {
61
95
  font-family: "Red Hat Text";
62
96
  font-style: normal;
@@ -6229,6 +6263,7 @@
6229
6263
  --pf-t--color--blue--50: #0066cc;
6230
6264
  --pf-t--color--blue--60: #004d99;
6231
6265
  --pf-t--color--blue--70: #003366;
6266
+ --pf-t--color--blue--80: #032142;
6232
6267
  --pf-t--color--gray--10: #f2f2f2;
6233
6268
  --pf-t--color--gray--20: #e0e0e0;
6234
6269
  --pf-t--color--gray--30: #c7c7c7;
@@ -6246,6 +6281,7 @@
6246
6281
  --pf-t--color--green--50: #63993d;
6247
6282
  --pf-t--color--green--60: #3d7317;
6248
6283
  --pf-t--color--green--70: #204d00;
6284
+ --pf-t--color--green--80: #183301;
6249
6285
  --pf-t--color--orange--10: #ffe8cc;
6250
6286
  --pf-t--color--orange--20: #fccb8f;
6251
6287
  --pf-t--color--orange--30: #f8ae54;
@@ -6253,6 +6289,7 @@
6253
6289
  --pf-t--color--orange--50: #ca6c0f;
6254
6290
  --pf-t--color--orange--60: #9e4a06;
6255
6291
  --pf-t--color--orange--70: #732e00;
6292
+ --pf-t--color--orange--80: #4d1f00;
6256
6293
  --pf-t--color--purple--10: #ece6ff;
6257
6294
  --pf-t--color--purple--20: #d0c5f4;
6258
6295
  --pf-t--color--purple--30: #b6a6e9;
@@ -6260,6 +6297,7 @@
6260
6297
  --pf-t--color--purple--50: #5e40be;
6261
6298
  --pf-t--color--purple--60: #3d2785;
6262
6299
  --pf-t--color--purple--70: #21134d;
6300
+ --pf-t--color--purple--80: #1b0d33;
6263
6301
  --pf-t--color--red--10: #fce3e3;
6264
6302
  --pf-t--color--red--20: #fbc5c5;
6265
6303
  --pf-t--color--red--30: #f9a8a8;
@@ -6267,6 +6305,7 @@
6267
6305
  --pf-t--color--red--50: #ee0000;
6268
6306
  --pf-t--color--red--60: #a60000;
6269
6307
  --pf-t--color--red--70: #5f0000;
6308
+ --pf-t--color--red--80: #3f0000;
6270
6309
  --pf-t--color--red-orange--10: #ffe3d9;
6271
6310
  --pf-t--color--red-orange--20: #fbbea8;
6272
6311
  --pf-t--color--red-orange--30: #f89b78;
@@ -6274,6 +6313,7 @@
6274
6313
  --pf-t--color--red-orange--50: #f0561d;
6275
6314
  --pf-t--color--red-orange--60: #b1380b;
6276
6315
  --pf-t--color--red-orange--70: #731f00;
6316
+ --pf-t--color--red-orange--80: #4c1405;
6277
6317
  --pf-t--color--teal--10: #daf2f2;
6278
6318
  --pf-t--color--teal--20: #b9e5e5;
6279
6319
  --pf-t--color--teal--30: #9ad8d8;
@@ -6281,6 +6321,7 @@
6281
6321
  --pf-t--color--teal--50: #37a3a3;
6282
6322
  --pf-t--color--teal--60: #147878;
6283
6323
  --pf-t--color--teal--70: #004d4d;
6324
+ --pf-t--color--teal--80: #003333;
6284
6325
  --pf-t--color--white: #ffffff;
6285
6326
  --pf-t--color--yellow--10: #fff4cc;
6286
6327
  --pf-t--color--yellow--20: #ffe072;
@@ -6289,9 +6330,11 @@
6289
6330
  --pf-t--color--yellow--50: #b98412;
6290
6331
  --pf-t--color--yellow--60: #96640f;
6291
6332
  --pf-t--color--yellow--70: #73480b;
6333
+ --pf-t--color--yellow--80: #54330b;
6292
6334
  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
6293
6335
  --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
6294
6336
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
6337
+ --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
6295
6338
  --pf-t--global--border--radius--0: 0px;
6296
6339
  --pf-t--global--border--radius--100: 4px;
6297
6340
  --pf-t--global--border--radius--200: 6px;
@@ -6301,6 +6344,13 @@
6301
6344
  --pf-t--global--border--width--100: 1px;
6302
6345
  --pf-t--global--border--width--200: 2px;
6303
6346
  --pf-t--global--border--width--300: 3px;
6347
+ --pf-t--global--border--width--400: 4px;
6348
+ --pf-t--global--border--width--action--plain--clicked: 0px;
6349
+ --pf-t--global--border--width--action--plain--default: 0px;
6350
+ --pf-t--global--border--width--action--plain--hover: 0px;
6351
+ --pf-t--global--border--width--high-contrast--extra-strong: 0px;
6352
+ --pf-t--global--border--width--high-contrast--regular: 0px;
6353
+ --pf-t--global--border--width--high-contrast--strong: 0px;
6304
6354
  --pf-t--global--box-shadow--X--100: -10px;
6305
6355
  --pf-t--global--box-shadow--X--200: -4px;
6306
6356
  --pf-t--global--box-shadow--X--300: -1px;
@@ -6337,6 +6387,8 @@
6337
6387
  --pf-t--global--breakpoint--500: 75rem;
6338
6388
  --pf-t--global--breakpoint--550: 80rem;
6339
6389
  --pf-t--global--breakpoint--600: 90.625rem;
6390
+ --pf-t--global--color--nonstatus--green--400: #3d7019;
6391
+ --pf-t--global--color--status--success--150: #3d7019;
6340
6392
  --pf-t--global--delay--100: 0ms;
6341
6393
  --pf-t--global--delay--200: 50ms;
6342
6394
  --pf-t--global--delay--300: 100ms;
@@ -6348,6 +6400,10 @@
6348
6400
  --pf-t--global--duration--50: 50ms;
6349
6401
  --pf-t--global--duration--500: 500ms;
6350
6402
  --pf-t--global--duration--600: 600ms;
6403
+ --pf-t--global--focus-ring--position--inset: -4;
6404
+ --pf-t--global--focus-ring--position--offset: 2;
6405
+ --pf-t--global--focus-ring--width--inset: 3;
6406
+ --pf-t--global--focus-ring--width--offset: 2;
6351
6407
  --pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
6352
6408
  --pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
6353
6409
  --pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", Courier, monospace;
@@ -6406,6 +6462,7 @@
6406
6462
  --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
6407
6463
  --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
6408
6464
  --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
6465
+ --pf-t--global--border--color--400: var(--pf-t--color--gray--60);
6409
6466
  --pf-t--global--border--color--50: var(--pf-t--color--gray--20);
6410
6467
  --pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
6411
6468
  --pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
@@ -6428,6 +6485,7 @@
6428
6485
  --pf-t--global--border--width--divider--default: var(--pf-t--global--border--width--100);
6429
6486
  --pf-t--global--border--width--divider--hover: var(--pf-t--global--border--width--100);
6430
6487
  --pf-t--global--border--width--extra-strong: var(--pf-t--global--border--width--300);
6488
+ --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--400);
6431
6489
  --pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
6432
6490
  --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
6433
6491
  --pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
@@ -6489,56 +6547,91 @@
6489
6547
  --pf-t--global--color--brand--100: var(--pf-t--color--blue--40);
6490
6548
  --pf-t--global--color--brand--200: var(--pf-t--color--blue--50);
6491
6549
  --pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
6550
+ --pf-t--global--color--brand--400: var(--pf-t--color--blue--70);
6551
+ --pf-t--global--color--brand--500: var(--pf-t--color--blue--80);
6492
6552
  --pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
6493
6553
  --pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
6494
6554
  --pf-t--global--color--disabled--300: var(--pf-t--color--gray--60);
6495
6555
  --pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
6496
6556
  --pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
6557
+ --pf-t--global--color--favorite--300: var(--pf-t--color--yellow--70);
6558
+ --pf-t--global--color--favorite--400: var(--pf-t--color--yellow--80);
6497
6559
  --pf-t--global--color--nonstatus--blue--100: var(--pf-t--color--blue--20);
6498
6560
  --pf-t--global--color--nonstatus--blue--200: var(--pf-t--color--blue--30);
6499
6561
  --pf-t--global--color--nonstatus--blue--300: var(--pf-t--color--blue--40);
6562
+ --pf-t--global--color--nonstatus--blue--400: var(--pf-t--color--blue--60);
6563
+ --pf-t--global--color--nonstatus--blue--500: var(--pf-t--color--blue--70);
6500
6564
  --pf-t--global--color--nonstatus--gray--100: var(--pf-t--color--gray--20);
6501
6565
  --pf-t--global--color--nonstatus--gray--200: var(--pf-t--color--gray--30);
6502
6566
  --pf-t--global--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
6567
+ --pf-t--global--color--nonstatus--gray--400: var(--pf-t--color--gray--60);
6568
+ --pf-t--global--color--nonstatus--gray--50: var(--pf-t--color--gray--10);
6569
+ --pf-t--global--color--nonstatus--gray--500: var(--pf-t--color--gray--70);
6503
6570
  --pf-t--global--color--nonstatus--green--100: var(--pf-t--color--green--20);
6504
6571
  --pf-t--global--color--nonstatus--green--200: var(--pf-t--color--green--30);
6505
6572
  --pf-t--global--color--nonstatus--green--300: var(--pf-t--color--green--40);
6573
+ --pf-t--global--color--nonstatus--green--500: var(--pf-t--color--green--70);
6506
6574
  --pf-t--global--color--nonstatus--orange--100: var(--pf-t--color--orange--20);
6507
6575
  --pf-t--global--color--nonstatus--orange--200: var(--pf-t--color--orange--30);
6508
6576
  --pf-t--global--color--nonstatus--orange--300: var(--pf-t--color--orange--40);
6577
+ --pf-t--global--color--nonstatus--orange--400: var(--pf-t--color--orange--60);
6578
+ --pf-t--global--color--nonstatus--orange--500: var(--pf-t--color--orange--70);
6509
6579
  --pf-t--global--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--20);
6510
6580
  --pf-t--global--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--30);
6511
6581
  --pf-t--global--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--40);
6582
+ --pf-t--global--color--nonstatus--orangered--400: var(--pf-t--color--red-orange--60);
6583
+ --pf-t--global--color--nonstatus--orangered--500: var(--pf-t--color--red-orange--70);
6512
6584
  --pf-t--global--color--nonstatus--purple--100: var(--pf-t--color--purple--20);
6513
6585
  --pf-t--global--color--nonstatus--purple--200: var(--pf-t--color--purple--30);
6514
6586
  --pf-t--global--color--nonstatus--purple--300: var(--pf-t--color--purple--40);
6587
+ --pf-t--global--color--nonstatus--purple--400: var(--pf-t--color--purple--50);
6588
+ --pf-t--global--color--nonstatus--purple--500: var(--pf-t--color--purple--60);
6515
6589
  --pf-t--global--color--nonstatus--red--100: var(--pf-t--color--red--20);
6516
6590
  --pf-t--global--color--nonstatus--red--200: var(--pf-t--color--red--30);
6517
6591
  --pf-t--global--color--nonstatus--red--300: var(--pf-t--color--red--40);
6592
+ --pf-t--global--color--nonstatus--red--400: var(--pf-t--color--red--60);
6593
+ --pf-t--global--color--nonstatus--red--500: var(--pf-t--color--red--70);
6518
6594
  --pf-t--global--color--nonstatus--teal--100: var(--pf-t--color--teal--20);
6519
6595
  --pf-t--global--color--nonstatus--teal--200: var(--pf-t--color--teal--30);
6520
6596
  --pf-t--global--color--nonstatus--teal--300: var(--pf-t--color--teal--40);
6597
+ --pf-t--global--color--nonstatus--teal--400: var(--pf-t--color--teal--70);
6598
+ --pf-t--global--color--nonstatus--teal--500: var(--pf-t--color--teal--80);
6521
6599
  --pf-t--global--color--nonstatus--yellow--100: var(--pf-t--color--yellow--20);
6522
6600
  --pf-t--global--color--nonstatus--yellow--200: var(--pf-t--color--yellow--30);
6523
6601
  --pf-t--global--color--nonstatus--yellow--300: var(--pf-t--color--yellow--40);
6602
+ --pf-t--global--color--nonstatus--yellow--400: var(--pf-t--color--yellow--70);
6603
+ --pf-t--global--color--nonstatus--yellow--500: var(--pf-t--color--yellow--80);
6524
6604
  --pf-t--global--color--severity--critical--100: var(--pf-t--color--red-orange--60);
6525
6605
  --pf-t--global--color--severity--important--100: var(--pf-t--color--orange--50);
6606
+ --pf-t--global--color--severity--important--200: var(--pf-t--color--orange--60);
6526
6607
  --pf-t--global--color--severity--minor--100: var(--pf-t--color--gray--50);
6608
+ --pf-t--global--color--severity--minor--200: var(--pf-t--color--gray--80);
6527
6609
  --pf-t--global--color--severity--moderate--100: var(--pf-t--color--yellow--40);
6610
+ --pf-t--global--color--severity--moderate--200: var(--pf-t--color--yellow--70);
6528
6611
  --pf-t--global--color--severity--none--100: var(--pf-t--color--blue--40);
6612
+ --pf-t--global--color--severity--none--200: var(--pf-t--color--blue--60);
6529
6613
  --pf-t--global--color--severity--undefined--100: var(--pf-t--color--gray--30);
6614
+ --pf-t--global--color--severity--undefined--200: var(--pf-t--color--gray--60);
6530
6615
  --pf-t--global--color--status--custom--100: var(--pf-t--color--teal--60);
6531
6616
  --pf-t--global--color--status--custom--200: var(--pf-t--color--teal--70);
6617
+ --pf-t--global--color--status--custom--300: var(--pf-t--color--teal--80);
6532
6618
  --pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
6533
6619
  --pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
6534
- --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--70);
6620
+ --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--80);
6535
6621
  --pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
6536
6622
  --pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
6623
+ --pf-t--global--color--status--info--300: var(--pf-t--color--purple--70);
6537
6624
  --pf-t--global--color--status--success--100: var(--pf-t--color--green--60);
6538
6625
  --pf-t--global--color--status--success--200: var(--pf-t--color--green--70);
6626
+ --pf-t--global--color--status--success--300: var(--pf-t--color--green--80);
6539
6627
  --pf-t--global--color--status--warning--100: var(--pf-t--color--yellow--30);
6540
6628
  --pf-t--global--color--status--warning--200: var(--pf-t--color--yellow--40);
6541
6629
  --pf-t--global--color--status--warning--300: var(--pf-t--color--yellow--50);
6630
+ --pf-t--global--color--status--warning--400: var(--pf-t--color--yellow--60);
6631
+ --pf-t--global--color--status--warning--500: var(--pf-t--color--yellow--70);
6632
+ --pf-t--global--color--status--warning--600: var(--pf-t--color--yellow--80);
6633
+ --pf-t--global--focus-ring--color--100: var(--pf-t--color--blue--50);
6634
+ --pf-t--global--focus-ring--color--200: var(--pf-t--color--blue--60);
6542
6635
  --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
6543
6636
  --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
6544
6637
  --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
@@ -6557,6 +6650,7 @@
6557
6650
  --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--400);
6558
6651
  --pf-t--global--font--weight--heading--default: var(--pf-t--global--font--weight--300);
6559
6652
  --pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
6653
+ --pf-t--global--icon--color--150: var(--pf-t--color--gray--60);
6560
6654
  --pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
6561
6655
  --pf-t--global--icon--color--300: var(--pf-t--color--white);
6562
6656
  --pf-t--global--icon--size--2xl: var(--pf-t--global--icon--size--400);
@@ -6589,11 +6683,15 @@
6589
6683
  --pf-t--global--spacer--xs: var(--pf-t--global--spacer--100);
6590
6684
  --pf-t--global--text--color--100: var(--pf-t--color--gray--95);
6591
6685
  --pf-t--global--text--color--200: var(--pf-t--color--gray--60);
6686
+ --pf-t--global--text--color--250: var(--pf-t--color--gray--70);
6592
6687
  --pf-t--global--text--color--300: var(--pf-t--color--white);
6593
6688
  --pf-t--global--text--color--400: var(--pf-t--color--red-orange--40);
6689
+ --pf-t--global--text--color--500: var(--pf-t--color--red-orange--70);
6594
6690
  --pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
6595
6691
  --pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
6692
+ --pf-t--global--text--color--link--250: var(--pf-t--color--blue--70);
6596
6693
  --pf-t--global--text--color--link--300: var(--pf-t--color--purple--50);
6694
+ --pf-t--global--text--color--link--350: var(--pf-t--color--purple--60);
6597
6695
  --pf-t--global--text-decoration--editable-text--line--default: var(--pf-t--global--text-decoration--line--200);
6598
6696
  --pf-t--global--text-decoration--editable-text--line--hover: var(--pf-t--global--text-decoration--line--200);
6599
6697
  --pf-t--global--text-decoration--editable-text--style--default: var(--pf-t--global--text-decoration--style--200);
@@ -6714,6 +6812,7 @@
6714
6812
  --pf-t--global--color--status--warning--clicked: var(--pf-t--global--color--status--warning--200);
6715
6813
  --pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--100);
6716
6814
  --pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--200);
6815
+ --pf-t--global--focus-ring--color--default: var(--pf-t--global--focus-ring--color--100);
6717
6816
  --pf-t--global--font--size--body--default: var(--pf-t--global--font--size--sm);
6718
6817
  --pf-t--global--font--size--body--lg: var(--pf-t--global--font--size--md);
6719
6818
  --pf-t--global--font--size--body--sm: var(--pf-t--global--font--size--xs);
@@ -6803,6 +6902,7 @@
6803
6902
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
6804
6903
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
6805
6904
  --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
6905
+ --pf-t--global--border--color--main--default: var(--pf-t--global--background--color--primary--default);
6806
6906
  --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
6807
6907
  --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
6808
6908
  --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
@@ -7077,6 +7177,7 @@
7077
7177
 
7078
7178
  :root:where(.pf-v6-theme-dark) {
7079
7179
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
7180
+ --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
7080
7181
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
7081
7182
  --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
7082
7183
  --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
@@ -7100,6 +7201,7 @@
7100
7201
  --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
7101
7202
  --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
7102
7203
  --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
7204
+ --pf-t--global--dark--border--color--300: var(--pf-t--color--gray--30);
7103
7205
  --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--60);
7104
7206
  --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
7105
7207
  --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
@@ -7107,6 +7209,7 @@
7107
7209
  --pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
7108
7210
  --pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
7109
7211
  --pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
7212
+ --pf-t--global--dark--color--disabled--400: var(--pf-t--color--gray--90);
7110
7213
  --pf-t--global--dark--color--favorite--100: var(--pf-t--color--yellow--30);
7111
7214
  --pf-t--global--dark--color--favorite--200: var(--pf-t--color--yellow--20);
7112
7215
  --pf-t--global--dark--color--nonstatus--blue--100: var(--pf-t--color--blue--30);
@@ -7115,6 +7218,7 @@
7115
7218
  --pf-t--global--dark--color--nonstatus--gray--100: var(--pf-t--color--gray--60);
7116
7219
  --pf-t--global--dark--color--nonstatus--gray--200: var(--pf-t--color--gray--50);
7117
7220
  --pf-t--global--dark--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
7221
+ --pf-t--global--dark--color--nonstatus--gray--50: var(--pf-t--color--gray--70);
7118
7222
  --pf-t--global--dark--color--nonstatus--green--100: var(--pf-t--color--green--30);
7119
7223
  --pf-t--global--dark--color--nonstatus--green--200: var(--pf-t--color--green--20);
7120
7224
  --pf-t--global--dark--color--nonstatus--green--300: var(--pf-t--color--green--10);
@@ -7137,6 +7241,7 @@
7137
7241
  --pf-t--global--dark--color--nonstatus--yellow--200: var(--pf-t--color--yellow--20);
7138
7242
  --pf-t--global--dark--color--nonstatus--yellow--300: var(--pf-t--color--yellow--10);
7139
7243
  --pf-t--global--dark--color--severity--critical--100: var(--pf-t--color--red-orange--50);
7244
+ --pf-t--global--dark--color--severity--critical--200: var(--pf-t--color--red-orange--40);
7140
7245
  --pf-t--global--dark--color--severity--important--100: var(--pf-t--color--orange--40);
7141
7246
  --pf-t--global--dark--color--severity--minor--100: var(--pf-t--color--gray--30);
7142
7247
  --pf-t--global--dark--color--severity--moderate--100: var(--pf-t--color--yellow--30);
@@ -7144,16 +7249,20 @@
7144
7249
  --pf-t--global--dark--color--severity--undefined--100: var(--pf-t--color--gray--40);
7145
7250
  --pf-t--global--dark--color--status--custom--100: var(--pf-t--color--teal--40);
7146
7251
  --pf-t--global--dark--color--status--custom--200: var(--pf-t--color--teal--30);
7252
+ --pf-t--global--dark--color--status--custom--300: var(--pf-t--color--teal--20);
7147
7253
  --pf-t--global--dark--color--status--danger--100: var(--pf-t--color--red-orange--50);
7148
7254
  --pf-t--global--dark--color--status--danger--200: var(--pf-t--color--red-orange--40);
7149
7255
  --pf-t--global--dark--color--status--danger--250: var(--pf-t--color--red-orange--30);
7150
7256
  --pf-t--global--dark--color--status--danger--300: var(--pf-t--color--red-orange--20);
7151
7257
  --pf-t--global--dark--color--status--info--100: var(--pf-t--color--purple--30);
7152
7258
  --pf-t--global--dark--color--status--info--200: var(--pf-t--color--purple--20);
7259
+ --pf-t--global--dark--color--status--info--300: var(--pf-t--color--purple--10);
7153
7260
  --pf-t--global--dark--color--status--success--100: var(--pf-t--color--green--40);
7154
7261
  --pf-t--global--dark--color--status--success--200: var(--pf-t--color--green--30);
7262
+ --pf-t--global--dark--color--status--success--300: var(--pf-t--color--green--20);
7155
7263
  --pf-t--global--dark--color--status--warning--100: var(--pf-t--color--yellow--30);
7156
7264
  --pf-t--global--dark--color--status--warning--200: var(--pf-t--color--yellow--20);
7265
+ --pf-t--global--dark--focus-ring--color--100: var(--pf-t--color--blue--30);
7157
7266
  --pf-t--global--dark--icon--color--100: var(--pf-t--color--gray--10);
7158
7267
  --pf-t--global--dark--icon--color--200: var(--pf-t--color--gray--40);
7159
7268
  --pf-t--global--dark--icon--color--300: var(--pf-t--color--gray--90);
@@ -7164,6 +7273,7 @@
7164
7273
  --pf-t--global--dark--text--color--link--100: var(--pf-t--color--blue--20);
7165
7274
  --pf-t--global--dark--text--color--link--200: var(--pf-t--color--blue--10);
7166
7275
  --pf-t--global--dark--text--color--link--300: var(--pf-t--color--purple--30);
7276
+ --pf-t--global--dark--text--color--link--400: var(--pf-t--color--purple--20);
7167
7277
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--dark--background--color--200);
7168
7278
  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--dark--background--color--200);
7169
7279
  --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--300);
@@ -7264,6 +7374,7 @@
7264
7374
  --pf-t--global--color--status--warning--clicked: var(--pf-t--global--dark--color--status--warning--200);
7265
7375
  --pf-t--global--color--status--warning--default: var(--pf-t--global--dark--color--status--warning--100);
7266
7376
  --pf-t--global--color--status--warning--hover: var(--pf-t--global--dark--color--status--warning--200);
7377
+ --pf-t--global--focus-ring--color--default: var(--pf-t--global--dark--focus-ring--color--100);
7267
7378
  --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
7268
7379
  --pf-t--global--icon--color--brand--default: var(--pf-t--global--dark--color--brand--200);
7269
7380
  --pf-t--global--icon--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
@@ -7298,6 +7409,1100 @@
7298
7409
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
7299
7410
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
7300
7411
  --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
7412
+ --pf-t--global--border--color--main--default: var(--pf-t--global--background--color--primary--default);
7413
+ --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
7414
+ --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
7415
+ --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
7416
+ --pf-t--global--border--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
7417
+ --pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
7418
+ --pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
7419
+ --pf-t--global--border--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
7420
+ --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
7421
+ --pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
7422
+ --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
7423
+ --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default);
7424
+ --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
7425
+ --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
7426
+ --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
7427
+ --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
7428
+ --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
7429
+ --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
7430
+ --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
7431
+ --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
7432
+ --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
7433
+ --pf-t--global--color--status--unread--clicked: var(--pf-t--global--color--brand--clicked);
7434
+ --pf-t--global--color--status--unread--default: var(--pf-t--global--color--brand--default);
7435
+ --pf-t--global--color--status--unread--hover: var(--pf-t--global--color--brand--hover);
7436
+ --pf-t--global--icon--color--favorite--clicked: var(--pf-t--global--color--favorite--clicked);
7437
+ --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
7438
+ --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
7439
+ --pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--inverse);
7440
+ --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--inverse);
7441
+ --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--inverse);
7442
+ --pf-t--global--icon--color--nonstatus--on-gray--clicked: var(--pf-t--global--icon--color--regular);
7443
+ --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular);
7444
+ --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular);
7445
+ --pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--inverse);
7446
+ --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--inverse);
7447
+ --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--inverse);
7448
+ --pf-t--global--icon--color--nonstatus--on-orange--clicked: var(--pf-t--global--icon--color--inverse);
7449
+ --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--inverse);
7450
+ --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--inverse);
7451
+ --pf-t--global--icon--color--nonstatus--on-orangered--clicked: var(--pf-t--global--icon--color--inverse);
7452
+ --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--inverse);
7453
+ --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--inverse);
7454
+ --pf-t--global--icon--color--nonstatus--on-purple--clicked: var(--pf-t--global--icon--color--inverse);
7455
+ --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--inverse);
7456
+ --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--inverse);
7457
+ --pf-t--global--icon--color--nonstatus--on-red--clicked: var(--pf-t--global--icon--color--inverse);
7458
+ --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--inverse);
7459
+ --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--inverse);
7460
+ --pf-t--global--icon--color--nonstatus--on-teal--clicked: var(--pf-t--global--icon--color--inverse);
7461
+ --pf-t--global--icon--color--nonstatus--on-teal--default: var(--pf-t--global--icon--color--inverse);
7462
+ --pf-t--global--icon--color--nonstatus--on-teal--hover: var(--pf-t--global--icon--color--inverse);
7463
+ --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--inverse);
7464
+ --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--inverse);
7465
+ --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--inverse);
7466
+ --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
7467
+ --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
7468
+ --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
7469
+ --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
7470
+ --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
7471
+ --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
7472
+ --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
7473
+ --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
7474
+ --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
7475
+ --pf-t--global--icon--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
7476
+ --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
7477
+ --pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
7478
+ --pf-t--global--icon--color--status--on-custom--clicked: var(--pf-t--global--icon--color--inverse);
7479
+ --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
7480
+ --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
7481
+ --pf-t--global--icon--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
7482
+ --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
7483
+ --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
7484
+ --pf-t--global--icon--color--status--on-info--clicked: var(--pf-t--global--icon--color--inverse);
7485
+ --pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
7486
+ --pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
7487
+ --pf-t--global--icon--color--status--on-success--clicked: var(--pf-t--global--icon--color--inverse);
7488
+ --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
7489
+ --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
7490
+ --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
7491
+ --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
7492
+ --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
7493
+ --pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
7494
+ --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default);
7495
+ --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
7496
+ --pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse);
7497
+ --pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse);
7498
+ --pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse);
7499
+ --pf-t--global--icon--color--status--unread--on-default--clicked: var(--pf-t--global--icon--color--inverse);
7500
+ --pf-t--global--icon--color--status--unread--on-default--default: var(--pf-t--global--icon--color--inverse);
7501
+ --pf-t--global--icon--color--status--unread--on-default--hover: var(--pf-t--global--icon--color--inverse);
7502
+ --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
7503
+ --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
7504
+ --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
7505
+ --pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--inverse);
7506
+ --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--inverse);
7507
+ --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--inverse);
7508
+ --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
7509
+ --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
7510
+ --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
7511
+ --pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--inverse);
7512
+ --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--inverse);
7513
+ --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--inverse);
7514
+ --pf-t--global--text--color--nonstatus--on-orange--clicked: var(--pf-t--global--text--color--inverse);
7515
+ --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--inverse);
7516
+ --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--inverse);
7517
+ --pf-t--global--text--color--nonstatus--on-orangered--clicked: var(--pf-t--global--text--color--inverse);
7518
+ --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--inverse);
7519
+ --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--inverse);
7520
+ --pf-t--global--text--color--nonstatus--on-purple--clicked: var(--pf-t--global--text--color--inverse);
7521
+ --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--inverse);
7522
+ --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--inverse);
7523
+ --pf-t--global--text--color--nonstatus--on-red--clicked: var(--pf-t--global--text--color--inverse);
7524
+ --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--inverse);
7525
+ --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--inverse);
7526
+ --pf-t--global--text--color--nonstatus--on-teal--clicked: var(--pf-t--global--text--color--inverse);
7527
+ --pf-t--global--text--color--nonstatus--on-teal--default: var(--pf-t--global--text--color--inverse);
7528
+ --pf-t--global--text--color--nonstatus--on-teal--hover: var(--pf-t--global--text--color--inverse);
7529
+ --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--inverse);
7530
+ --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--inverse);
7531
+ --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--inverse);
7532
+ --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
7533
+ --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
7534
+ --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
7535
+ --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
7536
+ --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
7537
+ --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
7538
+ --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
7539
+ --pf-t--global--text--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
7540
+ --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
7541
+ --pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
7542
+ --pf-t--global--text--color--status--on-custom--clicked: var(--pf-t--global--text--color--inverse);
7543
+ --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
7544
+ --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
7545
+ --pf-t--global--text--color--status--on-danger--clicked: var(--pf-t--global--text--color--inverse);
7546
+ --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
7547
+ --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
7548
+ --pf-t--global--text--color--status--on-info--clicked: var(--pf-t--global--text--color--inverse);
7549
+ --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse);
7550
+ --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse);
7551
+ --pf-t--global--text--color--status--on-success--clicked: var(--pf-t--global--text--color--inverse);
7552
+ --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
7553
+ --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
7554
+ --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse);
7555
+ --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
7556
+ --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
7557
+ --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
7558
+ --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--default);
7559
+ --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
7560
+ --pf-t--global--text--color--status--unread--on-attention--clicked: var(--pf-t--global--text--color--inverse);
7561
+ --pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--inverse);
7562
+ --pf-t--global--text--color--status--unread--on-attention--hover: var(--pf-t--global--text--color--inverse);
7563
+ --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
7564
+ --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
7565
+ --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
7566
+ --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
7567
+ --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
7568
+ --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
7569
+ }
7570
+
7571
+ :root:where(.pf-v6-theme-high-contrast) {
7572
+ --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
7573
+ --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
7574
+ --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
7575
+ --pf-t--global--border--radius--0: 0px;
7576
+ --pf-t--global--border--radius--100: 4px;
7577
+ --pf-t--global--border--radius--200: 6px;
7578
+ --pf-t--global--border--radius--300: 16px;
7579
+ --pf-t--global--border--radius--400: 24px;
7580
+ --pf-t--global--border--radius--500: 999px;
7581
+ --pf-t--global--border--width--100: 1px;
7582
+ --pf-t--global--border--width--200: 2px;
7583
+ --pf-t--global--border--width--300: 3px;
7584
+ --pf-t--global--border--width--400: 4px;
7585
+ --pf-t--global--border--width--action--plain--default: 0px;
7586
+ --pf-t--global--box-shadow--X--100: -10px;
7587
+ --pf-t--global--box-shadow--X--200: -4px;
7588
+ --pf-t--global--box-shadow--X--300: -1px;
7589
+ --pf-t--global--box-shadow--X--400: 0px;
7590
+ --pf-t--global--box-shadow--X--50: -20px;
7591
+ --pf-t--global--box-shadow--X--500: 1px;
7592
+ --pf-t--global--box-shadow--X--600: 4px;
7593
+ --pf-t--global--box-shadow--X--700: 10px;
7594
+ --pf-t--global--box-shadow--X--800: 20px;
7595
+ --pf-t--global--box-shadow--Y--100: -10px;
7596
+ --pf-t--global--box-shadow--Y--200: -4px;
7597
+ --pf-t--global--box-shadow--Y--300: -1px;
7598
+ --pf-t--global--box-shadow--Y--400: 0px;
7599
+ --pf-t--global--box-shadow--Y--50: -20px;
7600
+ --pf-t--global--box-shadow--Y--500: 1px;
7601
+ --pf-t--global--box-shadow--Y--600: 4px;
7602
+ --pf-t--global--box-shadow--Y--700: 10px;
7603
+ --pf-t--global--box-shadow--Y--800: 20px;
7604
+ --pf-t--global--box-shadow--blur--100: 4px;
7605
+ --pf-t--global--box-shadow--blur--200: 9px;
7606
+ --pf-t--global--box-shadow--blur--300: 20px;
7607
+ --pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
7608
+ --pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
7609
+ --pf-t--global--box-shadow--spread--100: 0px;
7610
+ --pf-t--global--box-shadow--spread--200: -4px;
7611
+ --pf-t--global--box-shadow--spread--300: -8px;
7612
+ --pf-t--global--box-shadow--spread--400: -20px;
7613
+ --pf-t--global--breakpoint--100: 0rem;
7614
+ --pf-t--global--breakpoint--200: 36rem;
7615
+ --pf-t--global--breakpoint--250: 40rem;
7616
+ --pf-t--global--breakpoint--300: 48rem;
7617
+ --pf-t--global--breakpoint--350: 60rem;
7618
+ --pf-t--global--breakpoint--400: 62rem;
7619
+ --pf-t--global--breakpoint--500: 75rem;
7620
+ --pf-t--global--breakpoint--550: 80rem;
7621
+ --pf-t--global--breakpoint--600: 90.625rem;
7622
+ --pf-t--global--color--nonstatus--green--400: #3d7019;
7623
+ --pf-t--global--color--status--success--150: #3d7019;
7624
+ --pf-t--global--focus-ring--position--inset: -4;
7625
+ --pf-t--global--focus-ring--position--offset: 2;
7626
+ --pf-t--global--focus-ring--width--inset: 3;
7627
+ --pf-t--global--focus-ring--width--offset: 2;
7628
+ --pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
7629
+ --pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
7630
+ --pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", Courier, monospace;
7631
+ --pf-t--global--font--line-height--100: 1.3;
7632
+ --pf-t--global--font--line-height--200: 1.5;
7633
+ --pf-t--global--font--size--100: 0.75rem;
7634
+ --pf-t--global--font--size--200: 0.875rem;
7635
+ --pf-t--global--font--size--300: 1rem;
7636
+ --pf-t--global--font--size--400: 1.125rem;
7637
+ --pf-t--global--font--size--500: 1.25rem;
7638
+ --pf-t--global--font--size--600: 1.5rem;
7639
+ --pf-t--global--font--size--700: 1.75rem;
7640
+ --pf-t--global--font--size--800: 2.25rem;
7641
+ --pf-t--global--font--weight--100: 400;
7642
+ --pf-t--global--font--weight--200: 500;
7643
+ --pf-t--global--font--weight--300: 500;
7644
+ --pf-t--global--font--weight--400: 700;
7645
+ --pf-t--global--icon--size--100: 0.75rem;
7646
+ --pf-t--global--icon--size--200: 0.875rem;
7647
+ --pf-t--global--icon--size--250: 1rem;
7648
+ --pf-t--global--icon--size--300: 1.5rem;
7649
+ --pf-t--global--icon--size--400: 3.5rem;
7650
+ --pf-t--global--icon--size--500: 6rem;
7651
+ --pf-t--global--spacer--100: 0.25rem;
7652
+ --pf-t--global--spacer--200: 0.5rem;
7653
+ --pf-t--global--spacer--300: 1rem;
7654
+ --pf-t--global--spacer--400: 1.5rem;
7655
+ --pf-t--global--spacer--500: 2rem;
7656
+ --pf-t--global--spacer--600: 3rem;
7657
+ --pf-t--global--spacer--700: 4rem;
7658
+ --pf-t--global--spacer--800: 5rem;
7659
+ --pf-t--global--text-decoration--line--100: none;
7660
+ --pf-t--global--text-decoration--line--200: underline;
7661
+ --pf-t--global--text-decoration--style--100: solid;
7662
+ --pf-t--global--text-decoration--style--200: dashed;
7663
+ --pf-t--global--z-index--100: 100;
7664
+ --pf-t--global--z-index--200: 200;
7665
+ --pf-t--global--z-index--300: 300;
7666
+ --pf-t--global--z-index--400: 400;
7667
+ --pf-t--global--z-index--500: 500;
7668
+ --pf-t--global--z-index--600: 600;
7669
+ --pf-t--global--background--color--100: var(--pf-t--color--white);
7670
+ --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
7671
+ --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
7672
+ --pf-t--global--background--color--400: var(--pf-t--color--gray--80);
7673
+ --pf-t--global--background--color--450: var(--pf-t--color--gray--70);
7674
+ --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--background--color--600);
7675
+ --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--600);
7676
+ --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
7677
+ --pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
7678
+ --pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
7679
+ --pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
7680
+ --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
7681
+ --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
7682
+ --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
7683
+ --pf-t--global--border--color--400: var(--pf-t--color--gray--60);
7684
+ --pf-t--global--border--color--50: var(--pf-t--color--gray--20);
7685
+ --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--400);
7686
+ --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--150);
7687
+ --pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
7688
+ --pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
7689
+ --pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
7690
+ --pf-t--global--border--radius--sharp: var(--pf-t--global--border--radius--0);
7691
+ --pf-t--global--border--radius--small: var(--pf-t--global--border--radius--200);
7692
+ --pf-t--global--border--radius--tiny: var(--pf-t--global--border--radius--100);
7693
+ --pf-t--global--border--width--action--clicked: var(--pf-t--global--border--width--200);
7694
+ --pf-t--global--border--width--action--default: var(--pf-t--global--border--width--100);
7695
+ --pf-t--global--border--width--action--hover: var(--pf-t--global--border--width--200);
7696
+ --pf-t--global--border--width--action--plain--clicked: var(--pf-t--global--border--width--200);
7697
+ --pf-t--global--border--width--action--plain--hover: var(--pf-t--global--border--width--100);
7698
+ --pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--300);
7699
+ --pf-t--global--border--width--box--default: var(--pf-t--global--border--width--100);
7700
+ --pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--200);
7701
+ --pf-t--global--border--width--box--status--default: var(--pf-t--global--border--width--200);
7702
+ --pf-t--global--border--width--box--status--read: var(--pf-t--global--border--width--100);
7703
+ --pf-t--global--border--width--control--clicked: var(--pf-t--global--border--width--200);
7704
+ --pf-t--global--border--width--control--default: var(--pf-t--global--border--width--100);
7705
+ --pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--200);
7706
+ --pf-t--global--border--width--divider--clicked: var(--pf-t--global--border--width--100);
7707
+ --pf-t--global--border--width--divider--default: var(--pf-t--global--border--width--100);
7708
+ --pf-t--global--border--width--divider--hover: var(--pf-t--global--border--width--100);
7709
+ --pf-t--global--border--width--extra-strong: var(--pf-t--global--border--width--300);
7710
+ --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--200);
7711
+ --pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
7712
+ --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
7713
+ --pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
7714
+ --pf-t--global--box-shadow--X--lg--default: var(--pf-t--global--box-shadow--X--400);
7715
+ --pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--50);
7716
+ --pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--800);
7717
+ --pf-t--global--box-shadow--X--lg--top: var(--pf-t--global--box-shadow--X--400);
7718
+ --pf-t--global--box-shadow--X--md--bottom: var(--pf-t--global--box-shadow--X--400);
7719
+ --pf-t--global--box-shadow--X--md--default: var(--pf-t--global--box-shadow--X--400);
7720
+ --pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--100);
7721
+ --pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--700);
7722
+ --pf-t--global--box-shadow--X--md--top: var(--pf-t--global--box-shadow--X--400);
7723
+ --pf-t--global--box-shadow--X--sm--bottom: var(--pf-t--global--box-shadow--X--400);
7724
+ --pf-t--global--box-shadow--X--sm--default: var(--pf-t--global--box-shadow--X--400);
7725
+ --pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--200);
7726
+ --pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--600);
7727
+ --pf-t--global--box-shadow--X--sm--top: var(--pf-t--global--box-shadow--X--400);
7728
+ --pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--800);
7729
+ --pf-t--global--box-shadow--Y--lg--default: var(--pf-t--global--box-shadow--Y--700);
7730
+ --pf-t--global--box-shadow--Y--lg--left: var(--pf-t--global--box-shadow--Y--400);
7731
+ --pf-t--global--box-shadow--Y--lg--right: var(--pf-t--global--box-shadow--Y--400);
7732
+ --pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--50);
7733
+ --pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--700);
7734
+ --pf-t--global--box-shadow--Y--md--default: var(--pf-t--global--box-shadow--Y--600);
7735
+ --pf-t--global--box-shadow--Y--md--left: var(--pf-t--global--box-shadow--Y--400);
7736
+ --pf-t--global--box-shadow--Y--md--right: var(--pf-t--global--box-shadow--Y--400);
7737
+ --pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--100);
7738
+ --pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--600);
7739
+ --pf-t--global--box-shadow--Y--sm--default: var(--pf-t--global--box-shadow--Y--500);
7740
+ --pf-t--global--box-shadow--Y--sm--left: var(--pf-t--global--box-shadow--Y--400);
7741
+ --pf-t--global--box-shadow--Y--sm--right: var(--pf-t--global--box-shadow--Y--400);
7742
+ --pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--200);
7743
+ --pf-t--global--box-shadow--blur--lg: var(--pf-t--global--box-shadow--blur--300);
7744
+ --pf-t--global--box-shadow--blur--md: var(--pf-t--global--box-shadow--blur--200);
7745
+ --pf-t--global--box-shadow--blur--sm: var(--pf-t--global--box-shadow--blur--100);
7746
+ --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--box-shadow--color--100);
7747
+ --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--box-shadow--color--200);
7748
+ --pf-t--global--box-shadow--color--md--default: var(--pf-t--global--box-shadow--color--100);
7749
+ --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--box-shadow--color--100);
7750
+ --pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--box-shadow--color--100);
7751
+ --pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--box-shadow--color--200);
7752
+ --pf-t--global--box-shadow--spread--lg--default: var(--pf-t--global--box-shadow--spread--100);
7753
+ --pf-t--global--box-shadow--spread--lg--directional: var(--pf-t--global--box-shadow--spread--400);
7754
+ --pf-t--global--box-shadow--spread--md--default: var(--pf-t--global--box-shadow--spread--100);
7755
+ --pf-t--global--box-shadow--spread--md--directional: var(--pf-t--global--box-shadow--spread--300);
7756
+ --pf-t--global--box-shadow--spread--sm--default: var(--pf-t--global--box-shadow--spread--100);
7757
+ --pf-t--global--box-shadow--spread--sm--directional: var(--pf-t--global--box-shadow--spread--200);
7758
+ --pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600);
7759
+ --pf-t--global--breakpoint--height--2xl: var(--pf-t--global--breakpoint--550);
7760
+ --pf-t--global--breakpoint--height--lg: var(--pf-t--global--breakpoint--300);
7761
+ --pf-t--global--breakpoint--height--md: var(--pf-t--global--breakpoint--250);
7762
+ --pf-t--global--breakpoint--height--sm: var(--pf-t--global--breakpoint--100);
7763
+ --pf-t--global--breakpoint--height--xl: var(--pf-t--global--breakpoint--350);
7764
+ --pf-t--global--breakpoint--lg: var(--pf-t--global--breakpoint--400);
7765
+ --pf-t--global--breakpoint--md: var(--pf-t--global--breakpoint--300);
7766
+ --pf-t--global--breakpoint--sm: var(--pf-t--global--breakpoint--200);
7767
+ --pf-t--global--breakpoint--xl: var(--pf-t--global--breakpoint--500);
7768
+ --pf-t--global--breakpoint--xs: var(--pf-t--global--breakpoint--100);
7769
+ --pf-t--global--color--brand--100: var(--pf-t--color--blue--40);
7770
+ --pf-t--global--color--brand--200: var(--pf-t--color--blue--50);
7771
+ --pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
7772
+ --pf-t--global--color--brand--400: var(--pf-t--color--blue--70);
7773
+ --pf-t--global--color--brand--500: var(--pf-t--color--blue--80);
7774
+ --pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
7775
+ --pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
7776
+ --pf-t--global--color--disabled--300: var(--pf-t--color--gray--60);
7777
+ --pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
7778
+ --pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
7779
+ --pf-t--global--color--favorite--300: var(--pf-t--color--yellow--70);
7780
+ --pf-t--global--color--favorite--400: var(--pf-t--color--yellow--80);
7781
+ --pf-t--global--color--nonstatus--blue--100: var(--pf-t--color--blue--20);
7782
+ --pf-t--global--color--nonstatus--blue--200: var(--pf-t--color--blue--30);
7783
+ --pf-t--global--color--nonstatus--blue--300: var(--pf-t--color--blue--40);
7784
+ --pf-t--global--color--nonstatus--blue--400: var(--pf-t--color--blue--60);
7785
+ --pf-t--global--color--nonstatus--blue--500: var(--pf-t--color--blue--70);
7786
+ --pf-t--global--color--nonstatus--gray--100: var(--pf-t--color--gray--20);
7787
+ --pf-t--global--color--nonstatus--gray--200: var(--pf-t--color--gray--30);
7788
+ --pf-t--global--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
7789
+ --pf-t--global--color--nonstatus--gray--400: var(--pf-t--color--gray--60);
7790
+ --pf-t--global--color--nonstatus--gray--50: var(--pf-t--color--gray--10);
7791
+ --pf-t--global--color--nonstatus--gray--500: var(--pf-t--color--gray--70);
7792
+ --pf-t--global--color--nonstatus--green--100: var(--pf-t--color--green--20);
7793
+ --pf-t--global--color--nonstatus--green--200: var(--pf-t--color--green--30);
7794
+ --pf-t--global--color--nonstatus--green--300: var(--pf-t--color--green--40);
7795
+ --pf-t--global--color--nonstatus--green--500: var(--pf-t--color--green--70);
7796
+ --pf-t--global--color--nonstatus--orange--100: var(--pf-t--color--orange--20);
7797
+ --pf-t--global--color--nonstatus--orange--200: var(--pf-t--color--orange--30);
7798
+ --pf-t--global--color--nonstatus--orange--300: var(--pf-t--color--orange--40);
7799
+ --pf-t--global--color--nonstatus--orange--400: var(--pf-t--color--orange--60);
7800
+ --pf-t--global--color--nonstatus--orange--500: var(--pf-t--color--orange--70);
7801
+ --pf-t--global--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--20);
7802
+ --pf-t--global--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--30);
7803
+ --pf-t--global--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--40);
7804
+ --pf-t--global--color--nonstatus--orangered--400: var(--pf-t--color--red-orange--60);
7805
+ --pf-t--global--color--nonstatus--orangered--500: var(--pf-t--color--red-orange--70);
7806
+ --pf-t--global--color--nonstatus--purple--100: var(--pf-t--color--purple--20);
7807
+ --pf-t--global--color--nonstatus--purple--200: var(--pf-t--color--purple--30);
7808
+ --pf-t--global--color--nonstatus--purple--300: var(--pf-t--color--purple--40);
7809
+ --pf-t--global--color--nonstatus--purple--400: var(--pf-t--color--purple--50);
7810
+ --pf-t--global--color--nonstatus--purple--500: var(--pf-t--color--purple--60);
7811
+ --pf-t--global--color--nonstatus--red--100: var(--pf-t--color--red--20);
7812
+ --pf-t--global--color--nonstatus--red--200: var(--pf-t--color--red--30);
7813
+ --pf-t--global--color--nonstatus--red--300: var(--pf-t--color--red--40);
7814
+ --pf-t--global--color--nonstatus--red--400: var(--pf-t--color--red--60);
7815
+ --pf-t--global--color--nonstatus--red--500: var(--pf-t--color--red--70);
7816
+ --pf-t--global--color--nonstatus--teal--100: var(--pf-t--color--teal--20);
7817
+ --pf-t--global--color--nonstatus--teal--200: var(--pf-t--color--teal--30);
7818
+ --pf-t--global--color--nonstatus--teal--300: var(--pf-t--color--teal--40);
7819
+ --pf-t--global--color--nonstatus--teal--400: var(--pf-t--color--teal--70);
7820
+ --pf-t--global--color--nonstatus--teal--500: var(--pf-t--color--teal--80);
7821
+ --pf-t--global--color--nonstatus--yellow--100: var(--pf-t--color--yellow--20);
7822
+ --pf-t--global--color--nonstatus--yellow--200: var(--pf-t--color--yellow--30);
7823
+ --pf-t--global--color--nonstatus--yellow--300: var(--pf-t--color--yellow--40);
7824
+ --pf-t--global--color--nonstatus--yellow--400: var(--pf-t--color--yellow--70);
7825
+ --pf-t--global--color--nonstatus--yellow--500: var(--pf-t--color--yellow--80);
7826
+ --pf-t--global--color--severity--critical--100: var(--pf-t--color--red-orange--60);
7827
+ --pf-t--global--color--severity--important--100: var(--pf-t--color--orange--50);
7828
+ --pf-t--global--color--severity--important--200: var(--pf-t--color--orange--60);
7829
+ --pf-t--global--color--severity--minor--100: var(--pf-t--color--gray--50);
7830
+ --pf-t--global--color--severity--minor--200: var(--pf-t--color--gray--80);
7831
+ --pf-t--global--color--severity--moderate--100: var(--pf-t--color--yellow--40);
7832
+ --pf-t--global--color--severity--moderate--200: var(--pf-t--color--yellow--70);
7833
+ --pf-t--global--color--severity--none--100: var(--pf-t--color--blue--40);
7834
+ --pf-t--global--color--severity--none--200: var(--pf-t--color--blue--60);
7835
+ --pf-t--global--color--severity--undefined--100: var(--pf-t--color--gray--30);
7836
+ --pf-t--global--color--severity--undefined--200: var(--pf-t--color--gray--60);
7837
+ --pf-t--global--color--status--custom--100: var(--pf-t--color--teal--60);
7838
+ --pf-t--global--color--status--custom--200: var(--pf-t--color--teal--70);
7839
+ --pf-t--global--color--status--custom--300: var(--pf-t--color--teal--80);
7840
+ --pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
7841
+ --pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
7842
+ --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--80);
7843
+ --pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
7844
+ --pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
7845
+ --pf-t--global--color--status--info--300: var(--pf-t--color--purple--70);
7846
+ --pf-t--global--color--status--success--100: var(--pf-t--color--green--60);
7847
+ --pf-t--global--color--status--success--200: var(--pf-t--color--green--70);
7848
+ --pf-t--global--color--status--success--300: var(--pf-t--color--green--80);
7849
+ --pf-t--global--color--status--warning--100: var(--pf-t--color--yellow--30);
7850
+ --pf-t--global--color--status--warning--200: var(--pf-t--color--yellow--40);
7851
+ --pf-t--global--color--status--warning--300: var(--pf-t--color--yellow--50);
7852
+ --pf-t--global--color--status--warning--400: var(--pf-t--color--yellow--60);
7853
+ --pf-t--global--color--status--warning--500: var(--pf-t--color--yellow--70);
7854
+ --pf-t--global--color--status--warning--600: var(--pf-t--color--yellow--80);
7855
+ --pf-t--global--focus-ring--color--100: var(--pf-t--color--blue--50);
7856
+ --pf-t--global--focus-ring--color--200: var(--pf-t--color--blue--60);
7857
+ --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
7858
+ --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
7859
+ --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
7860
+ --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
7861
+ --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
7862
+ --pf-t--global--font--size--2xl: var(--pf-t--global--font--size--600);
7863
+ --pf-t--global--font--size--3xl: var(--pf-t--global--font--size--700);
7864
+ --pf-t--global--font--size--4xl: var(--pf-t--global--font--size--800);
7865
+ --pf-t--global--font--size--lg: var(--pf-t--global--font--size--400);
7866
+ --pf-t--global--font--size--md: var(--pf-t--global--font--size--300);
7867
+ --pf-t--global--font--size--sm: var(--pf-t--global--font--size--200);
7868
+ --pf-t--global--font--size--xl: var(--pf-t--global--font--size--500);
7869
+ --pf-t--global--font--size--xs: var(--pf-t--global--font--size--100);
7870
+ --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--200);
7871
+ --pf-t--global--font--weight--body--default: var(--pf-t--global--font--weight--100);
7872
+ --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--400);
7873
+ --pf-t--global--font--weight--heading--default: var(--pf-t--global--font--weight--300);
7874
+ --pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
7875
+ --pf-t--global--icon--color--150: var(--pf-t--color--gray--60);
7876
+ --pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
7877
+ --pf-t--global--icon--color--300: var(--pf-t--color--white);
7878
+ --pf-t--global--icon--color--brand--clicked: var(--pf-t--color--blue--70);
7879
+ --pf-t--global--icon--color--brand--default: var(--pf-t--color--blue--60);
7880
+ --pf-t--global--icon--color--brand--hover: var(--pf-t--color--blue--70);
7881
+ --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--150);
7882
+ --pf-t--global--icon--size--2xl: var(--pf-t--global--icon--size--400);
7883
+ --pf-t--global--icon--size--3xl: var(--pf-t--global--icon--size--500);
7884
+ --pf-t--global--icon--size--lg: var(--pf-t--global--icon--size--250);
7885
+ --pf-t--global--icon--size--md: var(--pf-t--global--icon--size--200);
7886
+ --pf-t--global--icon--size--sm: var(--pf-t--global--icon--size--100);
7887
+ --pf-t--global--icon--size--xl: var(--pf-t--global--icon--size--300);
7888
+ --pf-t--global--spacer--2xl: var(--pf-t--global--spacer--600);
7889
+ --pf-t--global--spacer--3xl: var(--pf-t--global--spacer--700);
7890
+ --pf-t--global--spacer--4xl: var(--pf-t--global--spacer--800);
7891
+ --pf-t--global--spacer--lg: var(--pf-t--global--spacer--400);
7892
+ --pf-t--global--spacer--md: var(--pf-t--global--spacer--300);
7893
+ --pf-t--global--spacer--sm: var(--pf-t--global--spacer--200);
7894
+ --pf-t--global--spacer--xl: var(--pf-t--global--spacer--500);
7895
+ --pf-t--global--spacer--xs: var(--pf-t--global--spacer--100);
7896
+ --pf-t--global--text--color--100: var(--pf-t--color--gray--95);
7897
+ --pf-t--global--text--color--200: var(--pf-t--color--gray--60);
7898
+ --pf-t--global--text--color--250: var(--pf-t--color--gray--70);
7899
+ --pf-t--global--text--color--300: var(--pf-t--color--white);
7900
+ --pf-t--global--text--color--400: var(--pf-t--color--red-orange--40);
7901
+ --pf-t--global--text--color--500: var(--pf-t--color--red-orange--70);
7902
+ --pf-t--global--text--color--brand--clicked: var(--pf-t--color--blue--80);
7903
+ --pf-t--global--text--color--brand--default: var(--pf-t--color--blue--70);
7904
+ --pf-t--global--text--color--brand--hover: var(--pf-t--color--blue--80);
7905
+ --pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
7906
+ --pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
7907
+ --pf-t--global--text--color--link--250: var(--pf-t--color--blue--70);
7908
+ --pf-t--global--text--color--link--300: var(--pf-t--color--purple--50);
7909
+ --pf-t--global--text--color--link--350: var(--pf-t--color--purple--60);
7910
+ --pf-t--global--text-decoration--editable-text--line--default: var(--pf-t--global--text-decoration--line--200);
7911
+ --pf-t--global--text-decoration--editable-text--line--hover: var(--pf-t--global--text-decoration--line--200);
7912
+ --pf-t--global--text-decoration--editable-text--style--default: var(--pf-t--global--text-decoration--style--200);
7913
+ --pf-t--global--text-decoration--editable-text--style--hover: var(--pf-t--global--text-decoration--style--200);
7914
+ --pf-t--global--text-decoration--help-text--line--default: var(--pf-t--global--text-decoration--line--200);
7915
+ --pf-t--global--text-decoration--help-text--line--hover: var(--pf-t--global--text-decoration--line--200);
7916
+ --pf-t--global--text-decoration--help-text--style--default: var(--pf-t--global--text-decoration--style--200);
7917
+ --pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
7918
+ --pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--line--200);
7919
+ --pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--line--200);
7920
+ --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--100);
7921
+ --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--100);
7922
+ --pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
7923
+ --pf-t--global--z-index--lg: var(--pf-t--global--z-index--400);
7924
+ --pf-t--global--z-index--md: var(--pf-t--global--z-index--300);
7925
+ --pf-t--global--z-index--sm: var(--pf-t--global--z-index--200);
7926
+ --pf-t--global--z-index--xl: var(--pf-t--global--z-index--500);
7927
+ --pf-t--global--z-index--xs: var(--pf-t--global--z-index--100);
7928
+ --pf-t--global--background--color--control--read-only: var(--pf-t--global--background--color--200);
7929
+ --pf-t--global--background--color--disabled--default: var(--pf-t--global--color--disabled--100);
7930
+ --pf-t--global--background--color--floating--clicked: var(--pf-t--global--background--color--200);
7931
+ --pf-t--global--background--color--floating--default: var(--pf-t--global--background--color--100);
7932
+ --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200);
7933
+ --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--background--color--highlight--200);
7934
+ --pf-t--global--background--color--highlight--default: var(--pf-t--global--background--color--highlight--100);
7935
+ --pf-t--global--background--color--inverse--clicked: var(--pf-t--global--background--color--450);
7936
+ --pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400);
7937
+ --pf-t--global--background--color--inverse--hover: var(--pf-t--global--background--color--450);
7938
+ --pf-t--global--background--color--primary--clicked: var(--pf-t--global--background--color--200);
7939
+ --pf-t--global--background--color--primary--default: var(--pf-t--global--background--color--100);
7940
+ --pf-t--global--background--color--primary--hover: var(--pf-t--global--background--color--200);
7941
+ --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--background--color--300);
7942
+ --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
7943
+ --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
7944
+ --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--400);
7945
+ --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--50);
7946
+ --pf-t--global--border--color--default: var(--pf-t--global--border--color--400);
7947
+ --pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
7948
+ --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--300);
7949
+ --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--500);
7950
+ --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--400);
7951
+ --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--500);
7952
+ --pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--500);
7953
+ --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--400);
7954
+ --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--500);
7955
+ --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--500);
7956
+ --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--500);
7957
+ --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--500);
7958
+ --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--400);
7959
+ --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--500);
7960
+ --pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--500);
7961
+ --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--400);
7962
+ --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--500);
7963
+ --pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--500);
7964
+ --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--400);
7965
+ --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--500);
7966
+ --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--500);
7967
+ --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--400);
7968
+ --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--500);
7969
+ --pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--500);
7970
+ --pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--400);
7971
+ --pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--500);
7972
+ --pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--500);
7973
+ --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--400);
7974
+ --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--500);
7975
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--border--color--400);
7976
+ --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
7977
+ --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--200);
7978
+ --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
7979
+ --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
7980
+ --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
7981
+ --pf-t--global--border--width--high-contrast--extra-strong: var(--pf-t--global--border--width--extra-strong);
7982
+ --pf-t--global--border--width--high-contrast--regular: var(--pf-t--global--border--width--regular);
7983
+ --pf-t--global--border--width--high-contrast--strong: var(--pf-t--global--border--width--strong);
7984
+ --pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--400);
7985
+ --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--300);
7986
+ --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--400);
7987
+ --pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--400);
7988
+ --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--300);
7989
+ --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--400);
7990
+ --pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--200);
7991
+ --pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--100);
7992
+ --pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--200);
7993
+ --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--100);
7994
+ --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--50);
7995
+ --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--100);
7996
+ --pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--200);
7997
+ --pf-t--global--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--100);
7998
+ --pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--200);
7999
+ --pf-t--global--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--200);
8000
+ --pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--100);
8001
+ --pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--200);
8002
+ --pf-t--global--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--200);
8003
+ --pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--100);
8004
+ --pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--200);
8005
+ --pf-t--global--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--200);
8006
+ --pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--100);
8007
+ --pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--200);
8008
+ --pf-t--global--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--200);
8009
+ --pf-t--global--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--100);
8010
+ --pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--200);
8011
+ --pf-t--global--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--200);
8012
+ --pf-t--global--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--100);
8013
+ --pf-t--global--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--200);
8014
+ --pf-t--global--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--200);
8015
+ --pf-t--global--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--100);
8016
+ --pf-t--global--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--200);
8017
+ --pf-t--global--color--status--custom--clicked: var(--pf-t--global--color--status--custom--300);
8018
+ --pf-t--global--color--status--custom--default: var(--pf-t--global--color--status--custom--200);
8019
+ --pf-t--global--color--status--custom--hover: var(--pf-t--global--color--status--custom--300);
8020
+ --pf-t--global--color--status--danger--clicked: var(--pf-t--global--color--status--danger--300);
8021
+ --pf-t--global--color--status--danger--default: var(--pf-t--global--color--status--danger--200);
8022
+ --pf-t--global--color--status--danger--hover: var(--pf-t--global--color--status--danger--300);
8023
+ --pf-t--global--color--status--info--clicked: var(--pf-t--global--color--status--info--300);
8024
+ --pf-t--global--color--status--info--default: var(--pf-t--global--color--status--info--200);
8025
+ --pf-t--global--color--status--info--hover: var(--pf-t--global--color--status--info--300);
8026
+ --pf-t--global--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
8027
+ --pf-t--global--color--status--success--default: var(--pf-t--global--color--status--success--200);
8028
+ --pf-t--global--color--status--success--hover: var(--pf-t--global--color--status--success--300);
8029
+ --pf-t--global--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
8030
+ --pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
8031
+ --pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
8032
+ --pf-t--global--focus-ring--color--default: var(--pf-t--global--focus-ring--color--200);
8033
+ --pf-t--global--font--size--body--default: var(--pf-t--global--font--size--sm);
8034
+ --pf-t--global--font--size--body--lg: var(--pf-t--global--font--size--md);
8035
+ --pf-t--global--font--size--body--sm: var(--pf-t--global--font--size--xs);
8036
+ --pf-t--global--font--size--heading--h1: var(--pf-t--global--font--size--2xl);
8037
+ --pf-t--global--font--size--heading--h2: var(--pf-t--global--font--size--xl);
8038
+ --pf-t--global--font--size--heading--h3: var(--pf-t--global--font--size--lg);
8039
+ --pf-t--global--font--size--heading--h4: var(--pf-t--global--font--size--md);
8040
+ --pf-t--global--font--size--heading--h5: var(--pf-t--global--font--size--md);
8041
+ --pf-t--global--font--size--heading--h6: var(--pf-t--global--font--size--md);
8042
+ --pf-t--global--icon--color--disabled: var(--pf-t--global--color--disabled--200);
8043
+ --pf-t--global--icon--color--inverse: var(--pf-t--global--icon--color--300);
8044
+ --pf-t--global--icon--color--on-disabled: var(--pf-t--global--color--disabled--300);
8045
+ --pf-t--global--icon--color--regular: var(--pf-t--global--icon--color--100);
8046
+ --pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--color--severity--critical--100);
8047
+ --pf-t--global--icon--color--severity--important--default: var(--pf-t--global--color--severity--important--200);
8048
+ --pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--color--severity--minor--200);
8049
+ --pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--color--severity--moderate--200);
8050
+ --pf-t--global--icon--color--severity--none--default: var(--pf-t--global--color--severity--none--200);
8051
+ --pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--color--severity--undefined--200);
8052
+ --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--200);
8053
+ --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--100);
8054
+ --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--200);
8055
+ --pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
8056
+ --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--200);
8057
+ --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
8058
+ --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
8059
+ --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
8060
+ --pf-t--global--icon--color--subtle: var(--pf-t--global--icon--color--150);
8061
+ --pf-t--global--icon--size--font--2xl: var(--pf-t--global--font--size--2xl);
8062
+ --pf-t--global--icon--size--font--3xl: var(--pf-t--global--font--size--3xl);
8063
+ --pf-t--global--icon--size--font--4xl: var(--pf-t--global--font--size--4xl);
8064
+ --pf-t--global--icon--size--font--lg: var(--pf-t--global--font--size--lg);
8065
+ --pf-t--global--icon--size--font--md: var(--pf-t--global--font--size--md);
8066
+ --pf-t--global--icon--size--font--sm: var(--pf-t--global--font--size--sm);
8067
+ --pf-t--global--icon--size--font--xl: var(--pf-t--global--font--size--xl);
8068
+ --pf-t--global--icon--size--font--xs: var(--pf-t--global--font--size--xs);
8069
+ --pf-t--global--spacer--action--horizontal--compact: var(--pf-t--global--spacer--md);
8070
+ --pf-t--global--spacer--action--horizontal--default: var(--pf-t--global--spacer--lg);
8071
+ --pf-t--global--spacer--action--horizontal--plain--compact: var(--pf-t--global--spacer--xs);
8072
+ --pf-t--global--spacer--action--horizontal--plain--default: var(--pf-t--global--spacer--sm);
8073
+ --pf-t--global--spacer--action--horizontal--spacious: var(--pf-t--global--spacer--xl);
8074
+ --pf-t--global--spacer--control--horizontal--compact: var(--pf-t--global--spacer--sm);
8075
+ --pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--md);
8076
+ --pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--sm);
8077
+ --pf-t--global--spacer--control--horizontal--spacious: var(--pf-t--global--spacer--lg);
8078
+ --pf-t--global--spacer--control--vertical--compact: var(--pf-t--global--spacer--xs);
8079
+ --pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--sm);
8080
+ --pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--sm);
8081
+ --pf-t--global--spacer--control--vertical--spacious: var(--pf-t--global--spacer--md);
8082
+ --pf-t--global--spacer--gap--action-to-action--default: var(--pf-t--global--spacer--md);
8083
+ --pf-t--global--spacer--gap--action-to-action--plain: var(--pf-t--global--spacer--xs);
8084
+ --pf-t--global--spacer--gap--control-to-control--default: var(--pf-t--global--spacer--xs);
8085
+ --pf-t--global--spacer--gap--group--horizontal: var(--pf-t--global--spacer--md);
8086
+ --pf-t--global--spacer--gap--group--vertical: var(--pf-t--global--spacer--sm);
8087
+ --pf-t--global--spacer--gap--group-to-group--horizontal--compact: var(--pf-t--global--spacer--sm);
8088
+ --pf-t--global--spacer--gap--group-to-group--horizontal--default: var(--pf-t--global--spacer--2xl);
8089
+ --pf-t--global--spacer--gap--group-to-group--vertical--compact: var(--pf-t--global--spacer--md);
8090
+ --pf-t--global--spacer--gap--group-to-group--vertical--default: var(--pf-t--global--spacer--lg);
8091
+ --pf-t--global--spacer--gap--text-to-element--compact: var(--pf-t--global--spacer--xs);
8092
+ --pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm);
8093
+ --pf-t--global--spacer--gutter--default: var(--pf-t--global--spacer--md);
8094
+ --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--lg);
8095
+ --pf-t--global--text--color--disabled: var(--pf-t--global--color--disabled--200);
8096
+ --pf-t--global--text--color--inverse: var(--pf-t--global--text--color--300);
8097
+ --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--200);
8098
+ --pf-t--global--text--color--link--hover: var(--pf-t--global--text--color--link--250);
8099
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--text--color--link--350);
8100
+ --pf-t--global--text--color--on-disabled: var(--pf-t--global--color--disabled--300);
8101
+ --pf-t--global--text--color--on-highlight: var(--pf-t--global--text--color--100);
8102
+ --pf-t--global--text--color--regular: var(--pf-t--global--text--color--100);
8103
+ --pf-t--global--text--color--required: var(--pf-t--global--text--color--500);
8104
+ --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
8105
+ --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--200);
8106
+ --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--200);
8107
+ --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
8108
+ --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
8109
+ --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
8110
+ --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--250);
8111
+ --pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
8112
+ --pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
8113
+ --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
8114
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
8115
+ --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
8116
+ --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
8117
+ --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
8118
+ --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
8119
+ --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
8120
+ --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
8121
+ --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
8122
+ --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
8123
+ --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
8124
+ --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
8125
+ --pf-t--global--border--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
8126
+ --pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
8127
+ --pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
8128
+ --pf-t--global--border--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
8129
+ --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
8130
+ --pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
8131
+ --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
8132
+ --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
8133
+ --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
8134
+ --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
8135
+ --pf-t--global--color--status--unread--clicked: var(--pf-t--global--color--brand--clicked);
8136
+ --pf-t--global--color--status--unread--default: var(--pf-t--global--color--brand--default);
8137
+ --pf-t--global--color--status--unread--hover: var(--pf-t--global--color--brand--hover);
8138
+ --pf-t--global--icon--color--favorite--clicked: var(--pf-t--global--color--favorite--clicked);
8139
+ --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
8140
+ --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
8141
+ --pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--regular);
8142
+ --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--regular);
8143
+ --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--regular);
8144
+ --pf-t--global--icon--color--nonstatus--on-gray--clicked: var(--pf-t--global--icon--color--regular);
8145
+ --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular);
8146
+ --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular);
8147
+ --pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--regular);
8148
+ --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--regular);
8149
+ --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--regular);
8150
+ --pf-t--global--icon--color--nonstatus--on-orange--clicked: var(--pf-t--global--icon--color--regular);
8151
+ --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--regular);
8152
+ --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--regular);
8153
+ --pf-t--global--icon--color--nonstatus--on-orangered--clicked: var(--pf-t--global--icon--color--regular);
8154
+ --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--regular);
8155
+ --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--regular);
8156
+ --pf-t--global--icon--color--nonstatus--on-purple--clicked: var(--pf-t--global--icon--color--regular);
8157
+ --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--regular);
8158
+ --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--regular);
8159
+ --pf-t--global--icon--color--nonstatus--on-red--clicked: var(--pf-t--global--icon--color--regular);
8160
+ --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--regular);
8161
+ --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--regular);
8162
+ --pf-t--global--icon--color--nonstatus--on-teal--clicked: var(--pf-t--global--icon--color--regular);
8163
+ --pf-t--global--icon--color--nonstatus--on-teal--default: var(--pf-t--global--icon--color--regular);
8164
+ --pf-t--global--icon--color--nonstatus--on-teal--hover: var(--pf-t--global--icon--color--regular);
8165
+ --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--regular);
8166
+ --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--regular);
8167
+ --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--regular);
8168
+ --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
8169
+ --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
8170
+ --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
8171
+ --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
8172
+ --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
8173
+ --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
8174
+ --pf-t--global--icon--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
8175
+ --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
8176
+ --pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
8177
+ --pf-t--global--icon--color--status--on-custom--clicked: var(--pf-t--global--icon--color--inverse);
8178
+ --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
8179
+ --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
8180
+ --pf-t--global--icon--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
8181
+ --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
8182
+ --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
8183
+ --pf-t--global--icon--color--status--on-info--clicked: var(--pf-t--global--icon--color--inverse);
8184
+ --pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
8185
+ --pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
8186
+ --pf-t--global--icon--color--status--on-success--clicked: var(--pf-t--global--icon--color--inverse);
8187
+ --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
8188
+ --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
8189
+ --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
8190
+ --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
8191
+ --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
8192
+ --pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse);
8193
+ --pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse);
8194
+ --pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse);
8195
+ --pf-t--global--icon--color--status--unread--on-default--clicked: var(--pf-t--global--icon--color--inverse);
8196
+ --pf-t--global--icon--color--status--unread--on-default--default: var(--pf-t--global--icon--color--inverse);
8197
+ --pf-t--global--icon--color--status--unread--on-default--hover: var(--pf-t--global--icon--color--inverse);
8198
+ --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
8199
+ --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
8200
+ --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
8201
+ --pf-t--global--icon--size--font--heading--h1: var(--pf-t--global--font--size--heading--h1);
8202
+ --pf-t--global--icon--size--font--heading--h2: var(--pf-t--global--font--size--heading--h2);
8203
+ --pf-t--global--icon--size--font--heading--h3: var(--pf-t--global--font--size--heading--h3);
8204
+ --pf-t--global--icon--size--font--heading--h4: var(--pf-t--global--font--size--heading--h4);
8205
+ --pf-t--global--icon--size--font--heading--h5: var(--pf-t--global--font--size--heading--h5);
8206
+ --pf-t--global--icon--size--font--heading--h6: var(--pf-t--global--font--size--heading--h6);
8207
+ --pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--regular);
8208
+ --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--regular);
8209
+ --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--regular);
8210
+ --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
8211
+ --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
8212
+ --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
8213
+ --pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--regular);
8214
+ --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--regular);
8215
+ --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--regular);
8216
+ --pf-t--global--text--color--nonstatus--on-orange--clicked: var(--pf-t--global--text--color--regular);
8217
+ --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--regular);
8218
+ --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--regular);
8219
+ --pf-t--global--text--color--nonstatus--on-orangered--clicked: var(--pf-t--global--text--color--regular);
8220
+ --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--regular);
8221
+ --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--regular);
8222
+ --pf-t--global--text--color--nonstatus--on-purple--clicked: var(--pf-t--global--text--color--regular);
8223
+ --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--regular);
8224
+ --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--regular);
8225
+ --pf-t--global--text--color--nonstatus--on-red--clicked: var(--pf-t--global--text--color--regular);
8226
+ --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--regular);
8227
+ --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--regular);
8228
+ --pf-t--global--text--color--nonstatus--on-teal--clicked: var(--pf-t--global--text--color--regular);
8229
+ --pf-t--global--text--color--nonstatus--on-teal--default: var(--pf-t--global--text--color--regular);
8230
+ --pf-t--global--text--color--nonstatus--on-teal--hover: var(--pf-t--global--text--color--regular);
8231
+ --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--regular);
8232
+ --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--regular);
8233
+ --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--regular);
8234
+ --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
8235
+ --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
8236
+ --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
8237
+ --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
8238
+ --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
8239
+ --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
8240
+ --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
8241
+ --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
8242
+ --pf-t--global--text--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
8243
+ --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
8244
+ --pf-t--global--text--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
8245
+ --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
8246
+ --pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
8247
+ --pf-t--global--text--color--status--on-custom--clicked: var(--pf-t--global--text--color--inverse);
8248
+ --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
8249
+ --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
8250
+ --pf-t--global--text--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
8251
+ --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
8252
+ --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
8253
+ --pf-t--global--text--color--status--on-info--clicked: var(--pf-t--global--text--color--inverse);
8254
+ --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse);
8255
+ --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse);
8256
+ --pf-t--global--text--color--status--on-success--clicked: var(--pf-t--global--text--color--inverse);
8257
+ --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
8258
+ --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
8259
+ --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse);
8260
+ --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
8261
+ --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
8262
+ --pf-t--global--text--color--status--unread--on-attention--clicked: var(--pf-t--global--text--color--inverse);
8263
+ --pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--inverse);
8264
+ --pf-t--global--text--color--status--unread--on-attention--hover: var(--pf-t--global--text--color--inverse);
8265
+ --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
8266
+ --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
8267
+ --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
8268
+ --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
8269
+ }
8270
+
8271
+ :root:where(.pf-v6-theme-high-contrast.pf-v6-theme-dark) {
8272
+ --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
8273
+ --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
8274
+ --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
8275
+ --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
8276
+ --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.7000);
8277
+ --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
8278
+ --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
8279
+ --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
8280
+ --pf-t--global--background--color--primary--default: var(--pf-t--color--black);
8281
+ --pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
8282
+ --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
8283
+ --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--dark--box-shadow--color--200);
8284
+ --pf-t--global--box-shadow--color--md--default: var(--pf-t--global--dark--box-shadow--color--100);
8285
+ --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--dark--box-shadow--color--200);
8286
+ --pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--dark--box-shadow--color--100);
8287
+ --pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--dark--box-shadow--color--200);
8288
+ --pf-t--global--dark--background--color--100: var(--pf-t--color--gray--95);
8289
+ --pf-t--global--dark--background--color--200: var(--pf-t--color--gray--80);
8290
+ --pf-t--global--dark--background--color--300: var(--pf-t--color--gray--70);
8291
+ --pf-t--global--dark--background--color--400: var(--pf-t--color--gray--10);
8292
+ --pf-t--global--dark--background--color--450: var(--pf-t--color--gray--20);
8293
+ --pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--yellow--20);
8294
+ --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
8295
+ --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
8296
+ --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
8297
+ --pf-t--global--dark--border--color--300: var(--pf-t--color--gray--30);
8298
+ --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--60);
8299
+ --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
8300
+ --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
8301
+ --pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10);
8302
+ --pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
8303
+ --pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
8304
+ --pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
8305
+ --pf-t--global--dark--color--disabled--400: var(--pf-t--color--gray--90);
8306
+ --pf-t--global--dark--color--favorite--100: var(--pf-t--color--yellow--30);
8307
+ --pf-t--global--dark--color--favorite--200: var(--pf-t--color--yellow--20);
8308
+ --pf-t--global--dark--color--nonstatus--blue--100: var(--pf-t--color--blue--30);
8309
+ --pf-t--global--dark--color--nonstatus--blue--200: var(--pf-t--color--blue--20);
8310
+ --pf-t--global--dark--color--nonstatus--blue--300: var(--pf-t--color--blue--10);
8311
+ --pf-t--global--dark--color--nonstatus--gray--100: var(--pf-t--color--gray--60);
8312
+ --pf-t--global--dark--color--nonstatus--gray--200: var(--pf-t--color--gray--50);
8313
+ --pf-t--global--dark--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
8314
+ --pf-t--global--dark--color--nonstatus--gray--50: var(--pf-t--color--gray--70);
8315
+ --pf-t--global--dark--color--nonstatus--green--100: var(--pf-t--color--green--30);
8316
+ --pf-t--global--dark--color--nonstatus--green--200: var(--pf-t--color--green--20);
8317
+ --pf-t--global--dark--color--nonstatus--green--300: var(--pf-t--color--green--10);
8318
+ --pf-t--global--dark--color--nonstatus--orange--100: var(--pf-t--color--orange--30);
8319
+ --pf-t--global--dark--color--nonstatus--orange--200: var(--pf-t--color--orange--20);
8320
+ --pf-t--global--dark--color--nonstatus--orange--300: var(--pf-t--color--orange--10);
8321
+ --pf-t--global--dark--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--30);
8322
+ --pf-t--global--dark--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--20);
8323
+ --pf-t--global--dark--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--10);
8324
+ --pf-t--global--dark--color--nonstatus--purple--100: var(--pf-t--color--purple--30);
8325
+ --pf-t--global--dark--color--nonstatus--purple--200: var(--pf-t--color--purple--20);
8326
+ --pf-t--global--dark--color--nonstatus--purple--300: var(--pf-t--color--purple--10);
8327
+ --pf-t--global--dark--color--nonstatus--red--100: var(--pf-t--color--red--30);
8328
+ --pf-t--global--dark--color--nonstatus--red--200: var(--pf-t--color--red--20);
8329
+ --pf-t--global--dark--color--nonstatus--red--300: var(--pf-t--color--red--10);
8330
+ --pf-t--global--dark--color--nonstatus--teal--100: var(--pf-t--color--teal--30);
8331
+ --pf-t--global--dark--color--nonstatus--teal--200: var(--pf-t--color--teal--20);
8332
+ --pf-t--global--dark--color--nonstatus--teal--300: var(--pf-t--color--teal--10);
8333
+ --pf-t--global--dark--color--nonstatus--yellow--100: var(--pf-t--color--yellow--30);
8334
+ --pf-t--global--dark--color--nonstatus--yellow--200: var(--pf-t--color--yellow--20);
8335
+ --pf-t--global--dark--color--nonstatus--yellow--300: var(--pf-t--color--yellow--10);
8336
+ --pf-t--global--dark--color--severity--critical--100: var(--pf-t--color--red-orange--50);
8337
+ --pf-t--global--dark--color--severity--critical--200: var(--pf-t--color--red-orange--40);
8338
+ --pf-t--global--dark--color--severity--important--100: var(--pf-t--color--orange--40);
8339
+ --pf-t--global--dark--color--severity--minor--100: var(--pf-t--color--gray--30);
8340
+ --pf-t--global--dark--color--severity--moderate--100: var(--pf-t--color--yellow--30);
8341
+ --pf-t--global--dark--color--severity--none--100: var(--pf-t--color--blue--30);
8342
+ --pf-t--global--dark--color--severity--undefined--100: var(--pf-t--color--gray--40);
8343
+ --pf-t--global--dark--color--status--custom--100: var(--pf-t--color--teal--40);
8344
+ --pf-t--global--dark--color--status--custom--200: var(--pf-t--color--teal--30);
8345
+ --pf-t--global--dark--color--status--custom--300: var(--pf-t--color--teal--20);
8346
+ --pf-t--global--dark--color--status--danger--100: var(--pf-t--color--red-orange--50);
8347
+ --pf-t--global--dark--color--status--danger--200: var(--pf-t--color--red-orange--40);
8348
+ --pf-t--global--dark--color--status--danger--250: var(--pf-t--color--red-orange--30);
8349
+ --pf-t--global--dark--color--status--danger--300: var(--pf-t--color--red-orange--20);
8350
+ --pf-t--global--dark--color--status--info--100: var(--pf-t--color--purple--30);
8351
+ --pf-t--global--dark--color--status--info--200: var(--pf-t--color--purple--20);
8352
+ --pf-t--global--dark--color--status--info--300: var(--pf-t--color--purple--10);
8353
+ --pf-t--global--dark--color--status--success--100: var(--pf-t--color--green--40);
8354
+ --pf-t--global--dark--color--status--success--200: var(--pf-t--color--green--30);
8355
+ --pf-t--global--dark--color--status--success--300: var(--pf-t--color--green--20);
8356
+ --pf-t--global--dark--color--status--warning--100: var(--pf-t--color--yellow--30);
8357
+ --pf-t--global--dark--color--status--warning--200: var(--pf-t--color--yellow--20);
8358
+ --pf-t--global--dark--focus-ring--color--100: var(--pf-t--color--blue--30);
8359
+ --pf-t--global--dark--icon--color--100: var(--pf-t--color--gray--10);
8360
+ --pf-t--global--dark--icon--color--200: var(--pf-t--color--gray--40);
8361
+ --pf-t--global--dark--icon--color--300: var(--pf-t--color--gray--90);
8362
+ --pf-t--global--dark--text--color--100: var(--pf-t--color--white);
8363
+ --pf-t--global--dark--text--color--200: var(--pf-t--color--gray--30);
8364
+ --pf-t--global--dark--text--color--300: var(--pf-t--color--gray--90);
8365
+ --pf-t--global--dark--text--color--400: var(--pf-t--color--red-orange--30);
8366
+ --pf-t--global--dark--text--color--link--100: var(--pf-t--color--blue--20);
8367
+ --pf-t--global--dark--text--color--link--200: var(--pf-t--color--blue--10);
8368
+ --pf-t--global--dark--text--color--link--300: var(--pf-t--color--purple--30);
8369
+ --pf-t--global--dark--text--color--link--400: var(--pf-t--color--purple--20);
8370
+ --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
8371
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
8372
+ --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--100);
8373
+ --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--300);
8374
+ --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--200);
8375
+ --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--300);
8376
+ --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--200);
8377
+ --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--300);
8378
+ --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--dark--background--color--highlight--200);
8379
+ --pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100);
8380
+ --pf-t--global--background--color--inverse--clicked: var(--pf-t--global--dark--background--color--450);
8381
+ --pf-t--global--background--color--inverse--default: var(--pf-t--global--dark--background--color--400);
8382
+ --pf-t--global--background--color--inverse--hover: var(--pf-t--global--dark--background--color--450);
8383
+ --pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--200);
8384
+ --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--200);
8385
+ --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--dark--background--color--200);
8386
+ --pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
8387
+ --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
8388
+ --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
8389
+ --pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
8390
+ --pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50);
8391
+ --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--300);
8392
+ --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--100);
8393
+ --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);
8394
+ --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
8395
+ --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
8396
+ --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
8397
+ --pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--300);
8398
+ --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--200);
8399
+ --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--300);
8400
+ --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200);
8401
+ --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
8402
+ --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
8403
+ --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--dark--color--nonstatus--orange--200);
8404
+ --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100);
8405
+ --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200);
8406
+ --pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--dark--color--nonstatus--orangered--200);
8407
+ --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100);
8408
+ --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200);
8409
+ --pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--dark--color--nonstatus--purple--200);
8410
+ --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100);
8411
+ --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200);
8412
+ --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--dark--color--nonstatus--red--200);
8413
+ --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
8414
+ --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
8415
+ --pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--dark--color--nonstatus--teal--200);
8416
+ --pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--dark--color--nonstatus--teal--100);
8417
+ --pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--dark--color--nonstatus--teal--200);
8418
+ --pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--dark--color--nonstatus--yellow--200);
8419
+ --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
8420
+ --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
8421
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--300);
8422
+ --pf-t--global--color--brand--clicked: var(--pf-t--global--dark--color--brand--200);
8423
+ --pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--100);
8424
+ --pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--200);
8425
+ --pf-t--global--color--favorite--clicked: var(--pf-t--global--dark--color--favorite--200);
8426
+ --pf-t--global--color--favorite--default: var(--pf-t--global--dark--color--favorite--100);
8427
+ --pf-t--global--color--favorite--hover: var(--pf-t--global--dark--color--favorite--200);
8428
+ --pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
8429
+ --pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
8430
+ --pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
8431
+ --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--100);
8432
+ --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--50);
8433
+ --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--100);
8434
+ --pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200);
8435
+ --pf-t--global--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
8436
+ --pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
8437
+ --pf-t--global--color--nonstatus--orange--clicked: var(--pf-t--global--dark--color--nonstatus--orange--200);
8438
+ --pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100);
8439
+ --pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200);
8440
+ --pf-t--global--color--nonstatus--orangered--clicked: var(--pf-t--global--dark--color--nonstatus--orangered--200);
8441
+ --pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100);
8442
+ --pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200);
8443
+ --pf-t--global--color--nonstatus--purple--clicked: var(--pf-t--global--dark--color--nonstatus--purple--200);
8444
+ --pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100);
8445
+ --pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200);
8446
+ --pf-t--global--color--nonstatus--red--clicked: var(--pf-t--global--dark--color--nonstatus--red--200);
8447
+ --pf-t--global--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
8448
+ --pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
8449
+ --pf-t--global--color--nonstatus--teal--clicked: var(--pf-t--global--dark--color--nonstatus--teal--200);
8450
+ --pf-t--global--color--nonstatus--teal--default: var(--pf-t--global--dark--color--nonstatus--teal--100);
8451
+ --pf-t--global--color--nonstatus--teal--hover: var(--pf-t--global--dark--color--nonstatus--teal--200);
8452
+ --pf-t--global--color--nonstatus--yellow--clicked: var(--pf-t--global--dark--color--nonstatus--yellow--200);
8453
+ --pf-t--global--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
8454
+ --pf-t--global--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
8455
+ --pf-t--global--color--status--custom--clicked: var(--pf-t--global--dark--color--status--custom--300);
8456
+ --pf-t--global--color--status--custom--default: var(--pf-t--global--dark--color--status--custom--200);
8457
+ --pf-t--global--color--status--custom--hover: var(--pf-t--global--dark--color--status--custom--300);
8458
+ --pf-t--global--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--250);
8459
+ --pf-t--global--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--200);
8460
+ --pf-t--global--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--250);
8461
+ --pf-t--global--color--status--info--clicked: var(--pf-t--global--dark--color--status--info--200);
8462
+ --pf-t--global--color--status--info--default: var(--pf-t--global--dark--color--status--info--100);
8463
+ --pf-t--global--color--status--info--hover: var(--pf-t--global--dark--color--status--info--200);
8464
+ --pf-t--global--color--status--success--clicked: var(--pf-t--global--dark--color--status--success--300);
8465
+ --pf-t--global--color--status--success--default: var(--pf-t--global--dark--color--status--success--200);
8466
+ --pf-t--global--color--status--success--hover: var(--pf-t--global--dark--color--status--success--300);
8467
+ --pf-t--global--color--status--warning--clicked: var(--pf-t--global--dark--color--status--warning--200);
8468
+ --pf-t--global--color--status--warning--default: var(--pf-t--global--dark--color--status--warning--100);
8469
+ --pf-t--global--color--status--warning--hover: var(--pf-t--global--dark--color--status--warning--200);
8470
+ --pf-t--global--focus-ring--color--default: var(--pf-t--global--dark--focus-ring--color--100);
8471
+ --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
8472
+ --pf-t--global--icon--color--brand--default: var(--pf-t--global--dark--color--brand--200);
8473
+ --pf-t--global--icon--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
8474
+ --pf-t--global--icon--color--disabled: var(--pf-t--global--dark--color--disabled--200);
8475
+ --pf-t--global--icon--color--inverse: var(--pf-t--global--dark--icon--color--300);
8476
+ --pf-t--global--icon--color--on-disabled: var(--pf-t--global--dark--color--disabled--300);
8477
+ --pf-t--global--icon--color--regular: var(--pf-t--global--dark--icon--color--100);
8478
+ --pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--dark--color--severity--critical--200);
8479
+ --pf-t--global--icon--color--severity--important--default: var(--pf-t--global--dark--color--severity--important--100);
8480
+ --pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--dark--color--severity--minor--100);
8481
+ --pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--dark--color--severity--moderate--100);
8482
+ --pf-t--global--icon--color--severity--none--default: var(--pf-t--global--dark--color--severity--none--100);
8483
+ --pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--dark--color--severity--undefined--100);
8484
+ --pf-t--global--icon--color--subtle: var(--pf-t--global--dark--icon--color--200);
8485
+ --pf-t--global--text--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
8486
+ --pf-t--global--text--color--brand--default: var(--pf-t--global--dark--color--brand--200);
8487
+ --pf-t--global--text--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
8488
+ --pf-t--global--text--color--disabled: var(--pf-t--global--dark--color--disabled--200);
8489
+ --pf-t--global--text--color--inverse: var(--pf-t--global--dark--text--color--300);
8490
+ --pf-t--global--text--color--link--default: var(--pf-t--global--dark--text--color--link--100);
8491
+ --pf-t--global--text--color--link--hover: var(--pf-t--global--dark--text--color--link--200);
8492
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--dark--text--color--link--400);
8493
+ --pf-t--global--text--color--on-disabled: var(--pf-t--global--dark--color--disabled--400);
8494
+ --pf-t--global--text--color--on-highlight: var(--pf-t--global--dark--text--color--300);
8495
+ --pf-t--global--text--color--regular: var(--pf-t--global--dark--text--color--100);
8496
+ --pf-t--global--text--color--required: var(--pf-t--global--dark--text--color--400);
8497
+ --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--300);
8498
+ --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--300);
8499
+ --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300);
8500
+ --pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200);
8501
+ --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
8502
+ --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
8503
+ --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
8504
+ --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
8505
+ --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
7301
8506
  --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
7302
8507
  --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
7303
8508
  --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);