$color__xxp-black: #000000;
$color__xxp-white: #ffffff;
$color__xxp-salmon:  #ff866f;
$color__xxp-yellow: #ffcb1f;
$color__xxp-pink: #ff6bc3;
$color__xxp-violet: #651aff;
$color__xxp-cyan: #00d1ec;
$color__xxp-green: #00f274;
$color__xxp-red: #ff5a69;

$color__white: #fff;
$color__white-dark: #fdfdfd;
$color__white-transparent: rgba(255,255,255,0.95);
$color__grey-lighter: #eee;
$color__grey-light: #ccc;
$color__grey-dark: #666;
$color__black-light: #333;
$color__black-grey: #111;
$color__black: #000;
$color__black-transparent: rgba(0,0,0,0.95);
$color__orange: #ff8d76;
$color__yellow: #f6cc4c;
$color__pink: #f877c3;
$color__blue: #5c31ff;
$color__lightblue: #5bcee8;
$color__green: #69ed82;
$color__red: #ff686e;


$color__background-body: none;
$color__background-screen: none;
$color__background-hr: $color__black;
$color__background-button: $color__black;
$color__background-pre: $color__grey-lighter;
$color__background-ins: $color__white-dark;
$color__background-input: transparent;

$color__text-screen: $color__black;
$color__text-input: $color__black-grey;
$color__text-input-focus: $color__black;
$color__link: $color__black; 
$color__link-visited: $color__link; 
$color__link-hover: $color__black-light;
$color__text-main: $color__black;

$color__border-button: $color__black;
$color__border-button-hover: $color__black-grey;
$color__border-button-focus: $color__black-light;
$color__border-input: $color__black;
$color__border-abbr: $color__grey-dark;

//other
$border__radius: 0.2rem;
$border__line: 0.05rem solid $color__black;
$box__shadow: 0 3px 10px rgba(0,0,0,0.2);