$cc-black: #000; // h1, h2
$cc-text: #444; // h3, h4, h5
$cc-grey-dark: #7e8386; // h6
$cc-grey: #a9adab;
$cc-grey-light: #d5d5d5;
$cc-grey-lighter: #f1f1f1;
$cc-white: #fff;

$cc-blue: #009df5; // Link
$cc-blue-dark: #2a78b8; // Link Hover
$cc-blue-darker: #215c8d; // Link Active
$cc-blue-lite: #e4f1f9;

$cc-red: #ff0000;
$cc-red-dark: #ce0202;
$cc-yellow: #ffa319;
$cc-yellow-lite: #fff38e;

$cc-bold-font-weight: 700;

$btn-bg: #eee;
$btn-gradient-stop-1: #f9f9f9;
$btn-gradient-stop-2: #d9d9d9;
$btn-hover-gradient-stop-1: #d7d7d7;
$btn-hover-gradient-stop-2: #aeaeae;
$btn-cta-ie-bg: #0380e8;
$btn-cta-gradient-stop-1: #50a3e2;
$btn-cta-gradient-stop-2: #247fcc;
$btn-cta-hover-gradient-stop-1: #2b85cf;
$btn-cta-hover-gradient-stop-2: #2970aa;
$btn-border: #aaa;
$btn-cta-border: #527593;
$input-border: #d8d8d8;
$input-border-active: 1px solid rgba(83,117,146,.5);
$menu-dropshadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);

$alpha-rect-height: 20px;
$assest-details-width: 300px;
$button-border-radius: 0;
$color-chip-size: 27px;
$info-section-padding: 19px;
$invisible-callout-color: rgba(0, 0, 0, 0.69);

$measurement-offset-color: #000;

$number-rect-height: 20px;
$number-rect-horizontal-padding: 4px;

$popup-notch-height: 15px;
$popup-notch-width: 23px;
$preview-spacing: 7px; /* number must match PSDPreviewView center-helper template offset */
$psd-header-height: 36px;

$section-border-size: 1px;
$style-callout-size: 12px;

$tag-border-radius: 0;
