// try to define variables to be used through the
// css codebase.

$wizdom-font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;

$wizdom-content-background-color: #fff;

$wizdom-backgound-color: #f2f4f7;
$wizdom-webparts-background-color: #fff;
$wizdom-webparts-title-background-color: #fff;
$wizdom-webparts-title-color: #363636;
$wizdom-contentpages-background-color: #ffffff;

$wizdom-webpart-h1-size: 20px;
$wizdom-webpart-h1-color: #333;
$wizdom-webpart-h2-size: 17px;
$wizdom-webpart-h2-color: #333;
$wizdom-webpart-h3-size: 14px;
$wizdom-webpart-h3-color: #333;

// global initial sharepoint webpart padding
//###.ms-webpart-chrome > div
$wizdom-webpart-padding: 15px;

$wizdom-webpart-fullWidth: $wizdom-webpart-padding*-1;
$wizdom-webpart-fullWidth-bottom: $wizdom-webpart-fullWidth;

//### global initial padding - controls?
$wizdom-padding-left: $wizdom-webpart-padding;
$wizdom-padding-right: $wizdom-webpart-padding;
$wizdom-padding-top: $wizdom-webpart-padding;
$wizdom-padding-bottom: $wizdom-webpart-padding;

//### global border-radius
$wizdom-border-radius: 5px;


//### avatars
$wizdom-avatar-small-radius: 30px;
$wizdom-avatar-small-dims: 50px;

$wizdom-avatar-medium-radius: 30px;
$wizdom-avatar-medium-dims: 50px;

$wizdom-avatar-large-radius: 36px;
$wizdom-avatar-large-dims: 72px;
$wizdom-card-border-color: #c8c8c8;
$wizdom-card-header-color: #666666;
$wizdom-card-divider-color: #eaeaea;

//### colors
$wizdom-pageinfo-color: #808080;
$wizdom-rightColumn-color: #808080;
$wizdom-link-color: #0072c6;
$wizdom-link-hover-color: #23527c;
$wizdom-iconlink-color: #0072c6;
$wizdom-unreadCommentDate-color: #ababab;
$wizdom-link-color-light: #808080;
$wizdom-dialog-header-bgColor: #1775bc;

$wizdom-default-text-color: #333333;
$wizdom-primary-color: #0078d7;
$wizdom-editwebpart-helptext-color: #808080;

$wizdom-button-primary-text-color: #fff;
$wizdom-button-primary-bg-color: #0078d7;
$wizdom-button-primary-border-color: #0078d7;

$wizdom-button-primary-hover-text-color: #fff;
$wizdom-button-primary-hover-bg-color: #106ebe;
$wizdom-button-primary-hover-border-color: #106ebe;

$wizdom-button-default-text-color:#333;
$wizdom-button-default-bg-color: #f4f4f4;
$wizdom-button-default-border-color: #f4f4f4;
$wizdom-button-default-hover-text-color: #333;
$wizdom-button-default-hover-bg-color: #eaeaea;
$wizdom-button-default-hover-border-color: #eaeaea;

// Various textsizes
$wizdom-default-text: 14px;
$wizdom-default-line-height: 1.54;
$wizdom-x-small-text: 12px;
$wizdom-small-text: 13px;
$wizdom-small-text-line-height: 17px;
$wizdom-big-text: 16px;
$wizdom-big-text-line-height: 20px;
$wizdom-webpartTitleIcon-size: 20px;
$sharepoint-button-text-size: 13px;


// editwebpart font sizes 
$wizdom-editwebpart-helptext-size: 13px;

