// Color Swatch
// -----------------------

// Swatch 1 (old)

@s1_black: #202020;
@s1_dark-gray: #1D1D26;
@s1_medium-gray: #737389;
@s1_light-gray: #D4D4DE;
@s1_red: #F26C63;
@s1_blue: #55B3DA;
@s1_yellow: #F2CB63;
@s1_green: #92BC64;
@s1_white: white;

// Swatch 2 (new)

@s2_black: #202020;
@s2_dark-gray: #3C3F47;
@s2_medium-gray: #AFB4BF;
@s2_light-gray: #F3F3F3;
@s2_red: #ED5A51;
@s2_blue: #55A2DA;
@s2_yellow: #F2CB63;
@s2_green: #92BC64;
@s2_white: white;


@black: @s2_black;
@dark-gray: @s2_dark-gray;
@medium-gray: @s2_medium-gray;
@light-gray: @s2_light-gray;
@red: @s2_red;
@blue: @s2_blue;
@yellow: @s2_yellow;
@green: @s2_green;
@white: @s2_white;

@bg-ligh-gray: #F3F3F3;

@hr-dark: @dark-gray;

@border-dark: @dark-gray;
@border-width: 2px;

@theme-border: 2px solid @medium-gray;

.theme-box-padding { padding: 8px }

.box-theme() {
	border: @theme-border;
	border-radius: 4px;
}