/* ---------------------------------------------------------------

CPA color variables

*/

@hcimgpath: "/cdn/hc-common/css-images";
@cpaimgpath: "/cdn/cpa-common/css-images";

@black: #000;
@dark-grey: #5f5555;
@neutral-dark: #53544E;
@neutral-medium: lighten(@neutral-dark, 25%);
@neutral-light: #cfcec7;
@neutral: @neutral-light;
@neutral-hover: @neutral-medium;
@accent-grey: #e7e7e7;

@red: #6b1f2e;
@darkred: #42131D;

@brown: rgb(134,112,64);

@cpa-brand-primary: rgb(77,97,126);
@cpa-brand-secondary: rgb(219,224,211);
@cpa-brand-pale: rgb(244,246,242);

@cpa2016-primary: #425b79;
@cpa2016-secondary: #42b5c2;
@cpa2016-mid: #3d94a7;


// abstract color-specific variable names for easier future change

@link-color: @brown;
@link-underline: rgba(219,224,211,0.35);
@link-hover-color: darken(@brown, 10%);
@link-hover-underline: rgba(219,224,211,0.75);

@button-color: #fff;
@button-background: @link-alt-color;
@button-hover-background: @link-alt-hover-color;
@button-hover-color: @button-color;
@button-active-background: @link-alt-active-color;
@button-disabled-background: #bbbbbb;

@link-alt-color: @cpa-brand-primary;
@link-alt-underline: rgba(77,97,126, 0.15);
@link-alt-hover-color: darken(@cpa-brand-primary, 10%);
@link-alt-hover-underline: rgba(77,97,126, 0.5);

@button-alt-color: @button-color;
@button-alt-background: @link-color;
@button-alt-hover-background: @link-hover-color;
@button-alt-hover-color: @button-hover-color;
@button-alt-active-background: @link-active-color;
@button-alt-disabled-background: @button-disabled-background;

@link-active-color: @black;
@link-alt-active-color: @link-active-color;


@h1-color: @cpa-brand-primary;
@h2-color: @neutral-dark;

@header-background: @cpa-brand-primary;
@logo-background: transparent;
@title-background: @cpa-brand-pale;


@navbar-background: @cpa-brand-secondary;
@navbar-color: @brown;

@navbar-hover-color: @navbar-color;
@navbar-hover-underline: darken(@cpa-brand-secondary, 5%);

@navbar-current-color: @neutral-dark;
@navbar-current-underline: @navbar-hover-underline;

@avatar-background: rgba(255,255,255,0.1);
@header-controls-color: rgba(255,255,255,0.8);


@footer-background: @cpa-brand-primary;
@footer-border: @cpa-brand-secondary;
@footer-color: rgb(255,255,255);


@titlepane-background: @cpa-brand-primary;
@titlepane-color: rgba(255,255,255,0.8);
@titlepane-close-hover-background: lighten(@cpa-brand-primary, 12%);
@titlepane-close-hover-border: lighten(@cpa-brand-primary, 15%);

@carousel-control-background: darken(@cpa-brand-secondary, 10%);
@carousel-control-hover-background: @cpa-brand-primary;


@formfillin-border: @cpa-brand-primary;
/*@formfillin-active-border: */

@dgrid-row-unselected-background: @cpa-brand-pale;

@toaster-default-background: rgba(97,117,146,.85);
@toaster-default-border: darken(@cpa-brand-primary, 10%);