<commit_before>.profile-page {
	
	.button-dialog {
		position: fixed; 
		top: 120px; 
		right: 0px;
		background-color: white; 
		border-radius: 5px 0px 0px 5px; 
		padding: 10px 15px; 
		z-index: 99999; 
		box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	}
	
   @media (max-width: 480px) {
   		.button-dialog {
   			top: auto;
   			bottom: 0px;
   			left: 0px;
   		}
   }
	
	.box {
		&.box-primary {
			.box-title,
			label {
				color: #3c8dbc;
			}
			tags-input .tags .tag-item{
				background-color: #3c8dbc;
				border-color: #3c8dbc;
			}
		}

		&.box-orange {
			border-top-color: #ff7701;
	
			.box-title,
			label {
				color: #ff7701;
			}
			tags-input .tags .tag-item{
				background-color: #ff7701;
				border-color: #ff7701;
			}
		}

		&.box-green {
			border-top-color: #00a65a;

			.box-title,
			label {
				color: #00a65a;
			}
			tags-input .tags .tag-item{
				background-color: #00a65a;
				border-color: #00a65a;
			}
		}

		.header-text {
			position: relative;
			padding: 10px 10px 10px 120px;
			min-height:100px;
			
			.headline {
				margin-top: 0;
			}

			img {
				position: absolute;
				top: 0;
				left: 0;
			}
<commit_msg>HIRE-28: replaced colors with less variables<commit_after>@blue: #3c8dbc
@orange: #ff7701
@green: #00a65a

.profile-page {
	
	.button-dialog {
		position: fixed; 
		top: 120px; 
		right: 0px;
		background-color: white; 
		border-radius: 5px 0px 0px 5px; 
		padding: 10px 15px; 
		z-index: 99999; 
		box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	}
	
   @media (max-width: 480px) {
   		.button-dialog {
   			top: auto;
   			bottom: 0px;
   			left: 0px;
   		}
   }
	
	.box {
		&.box-primary {
			.box-title,
			label {
				color: @blue;
			}
			tags-input .tags .tag-item{
				background-color: @blue;
				border-color: @blue;
			}
		}

		&.box-orange {
			border-top-color: @orange;
	
			.box-title,
			label {
				color: @orange;
			}
			tags-input .tags .tag-item{
				background-color: @orange;
				border-color: @orange;
			}
		}

		&.box-green {
			border-top-color: @green;

			.box-title,
			label {
				color: @green;
			}
			tags-input .tags .tag-item{
				background-color: @green;
				border-color: @green;
			}
		}

		.header-text {
			position: relative;
			padding: 10px 10px 10px 120px;
			min-height:100px;
			
			.headline {
				margin-top: 0;
			}

			img {
				position: absolute;
				top: 0;
				left: 0;
			}

{'fraction_non_alphanumeric': 0.14661654135338345, 'fraction_numerical': 0.05847953216374269, 'mean_word_length': 2.00125313283208, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3828450', 'n_tokens_mistral': 1362, 'n_tokens_neox': 996, 'n_words': 207}