$primary-border: 1px solid $color-gray-300;
$primary-action-border: 1px solid $color-action;

$border-transparent: 1px solid transparent;
$border-gray-100: 1px solid $color-gray-100;
$border-gray-200: 1px solid $color-gray-200;
$border-gray-300: 1px solid $color-gray-300; 
$border-gray-400: 1px solid $color-gray-400;
$border-gray-700: 1px solid $color-gray-700;
$border-primary-medium: 1px solid $color-primary-medium;
$border-primary-dark: 1px solid $color-primary-dark;
$border-primary-active: 1px solid $color-primary-focus;
$border-primary-focus: 2px solid $color-primary-focus;

$border-error-600: 1px solid $color-error-600;
$border-error-700: 1px solid $color-error-700;
$border-error-800: 1px solid $color-error-800;
$border-error-900: 1px solid $color-error-900;
$border-success-500: 1px solid $color-success-500;
$border-warning-500: 1px solid $color-warning-500;
$border-radius-default: 4px;
$border-radius-small: 1px;
$border-radius-curve: 10em 5em;
$box-shadow-soft: 0 2px 4px 0 rgba(19, 21, 23, 0.3);
$box-shadow-soft-overlay: 0 4px 8px 0 rgba(19, 21, 23, 0.6);
$box-shadow-soft-selected: 0 1px 3px 0 rgba(7, 48, 92, 0.5);
$box-shadow-hard: 0 1px 0 0 rgba(181, 185, 189, 1);
$box-shadow-hard-hover: 0 1px 3px 0 rgba(97, 99, 101, 1);
$box-shadow-hard-focus: 0 1px 0 0 rgba(0, 149, 255, 1);
$box-shadow-hard-selected: 0 1px 0 0 rgba(7, 48, 92, 0.5);
$box-shadow-inset-dark: inset 0 2px 3px 1px rgba(19, 21, 23, 0.6);
$box-shadow-inset-light: inset 0 2px 3px 1px rgba(19, 21, 23, 0.3);
$box-shadow-above: 0 2px 4px 0 rgba(19, 21, 23, 0.10);
$box-shadow-below: 0 -2px 4px 0 rgba(19, 21, 23, 0.10);
$box-shadow-focus: 0 0 0 2px $color-primary-focus;
$box-shadow-focus-wrap: 0 0 0 1px $color-primary-focus;
$box-shadow-primary: inset 0 2em 1.8em -1em $color-primary-selection-a70;
$box-shadow-primary-hover: inset 0 1em 1em -1em $color-primary-selection-a70;
$background-primary: $color-primary-medium;
$box-shadow-neutral: inset 0 -2em 1.8em -1em $color-gray-100;
$box-shadow-neutral-hover: inset 0 -1em 1em -1em $color-gray-100;
$background-neutral: $color-white;
$box-shadow-error: inset 0 2em 1.8em -1em $color-error-600;
$box-shadow-error-hover: inset 0 1em 1em -1em $color-error-600;
$background-error: $color-error-700;
$box-shadow-neutral-affix: inset 0 2em 1.8em -1em $color-gray-50;
$box-shadow-neutral-affix-hover: inset 0 1em 1em -1em $color-gray-50;
$background-neutral-affix: $color-gray-200;
$gradient-success: linear-gradient(-180deg, $color-success-500, $color-success-600);
$gradient-warning: linear-gradient(-180deg, $color-warning-500, $color-warning-700);
$gradient-error: linear-gradient(-180deg, $color-error-600, $color-error-700);
$gradient-info: linear-gradient(-180deg, $color-info-600, $color-info-700);
$gradient-chrome: linear-gradient(-180deg, $color-gray-50, $color-gray-300);
