:root {
 --color-primary: #000;
 --color-secondary: #fff;
 --font-size-xxxs: 12px;
 --font-size-xxs: 14px;
 --font-size-xs: 16px;
 --font-size-s: 18px;
 --font-size-m: 20px;
 --font-size-l: 24px;
 --font-size-xl: 32px;
 --font-size-xxl: 40px;
 --font-size-xxxl: 56px;

 --tab-color: red;
 --tab-background: blue;

 --badge-color: black;
 --badge-background: transparent;

 --connect-header-gradient: linear-gradient(54.44deg, #000000 100%, #000000 100%);

 /* --revert-button-icon-color: true; */
 --button-primary-default-color: #fff;
 --button-primary-default-background: #0C1103;
 --button-primary-default-radius: 0px;

 --button-primary-hover-color: #fff;
 --button-primary-hover-background: #3E3F46;
 --button-primary-hover-radius: 0px;

 --button-primary-focus-color: #fff;
 --button-primary-focus-background: #53545D;
 --button-primary-focus-radius: 0px;

 --button-primary-disabled-color: #fff;
 --button-primary-disabled-background: #B4B4B9;
 --button-primary-disabled-radius: 0px;

 --button-secondary-default-color: #fff;
 --button-secondary-default-background: #0C1103;
 --button-secondary-default-radius: 0px;

 --button-secondary-hover-color: #fff;
 --button-secondary-hover-background: #3E3F46;
 --button-secondary-hover-radius: 0px;

 --button-secondary-focus-color: #fff;
 --button-secondary-focus-background: #53545D;
 --button-secondary-focus-radius: 0px;

 --button-secondary-disabled-color: #fff;
 --button-secondary-disabled-background: #B4B4B9;
 --button-secondary-disabled-radius: 0px;

}