//Association Color Palette
@apa-primary-color: #0E76BC;
@apa-secondary-color: #92ACD9;
@apa-tertiary-color: #C4D1EB;

//Assign to generic variables
@primary-color: @apa-primary-color;
@secondary-color: @apa-secondary-color;
@tertiary-color: @apa-tertiary-color;


@black: #000;
@darkgrey: #686868;
@lightgrey: #B8B8B8;
@white: #fff;

@accentgrey: #E8E8E8;
@pale: #F0F0F0;

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

@link-color: @primary-color;
@link-underline: fade(@link-color, 10%);
@link-hover-color: darken(@link-color, 10%);
@link-hover-underline: fade(@link-color, 20%);

@button-color: @white;
@button-background: @link-color;
@button-hover-background: @link-hover-color;
@button-hover-color: @button-color;

@link-alt-color: @secondary-color;
@link-alt-underline: fade(@link-alt-color, 10%);
@link-alt-hover-color: darken(@link-color, 10%);
@link-alt-hover-underline: fade(@link-alt-color, 20%);

@h1-color: @darkgrey;
@h2-color: @tertiary-color;

@sidenav-left-background: @darkgrey;
@sidenav-right-background: darken(@darkgrey, 7%);


@navbar-background: @white;
@navbar-color: @darkgrey;

@navbar-hover-underline: fade(@black, 25%);

@navbar-current-color: @darkgrey;
@navbar-current-underline: @navbar-hover-underline;


@avatar-background: @lightgrey;
@header-controls-color: @primary-color;


@footer-background: @darkgrey;
@footer-border: transparent;
@footer-color: fade(@white, 50%);


@titlepane-background: @darkgrey;
@titlepane-color: fade(@white, 80%);
@titlepane-close-hover-background: lighten(@darkgrey, 12%);
@titlepane-close-hover-border: lighten(@darkgrey, 15%);


@carousel-control-background: lighten(@darkgrey, 20%);
@carousel-control-hover-background: lighten(@darkgrey, 10%);


@formfillin-border: @darkgrey;


@dgrid-row-unselected-background: @accentgrey;


@toaster-default-background: fade(@darkgrey, 85%);
@toaster-default-border: @darkgrey;


@progressbar-background: @white;
@progressbar-indicator: @primary-color;