/*
Try to utilize variables as much as possible.  It's one of the best things about a CSS preprocessor like Sass and it makes updates much easier
*/

//theme defaults

// base colours
$color-text:#787878;
$color-link-text:#FFC7AA;
$color-background:#FFFFFF;
$color-highlight: #B1DF95;
$color-border:#A3A3A3;
$color-black:#000000;

// buttons
$color-button-background: #4D9EF4;
$color-button-text: #FFFFFF;

// modals
$color-modal-background:#D48E6A;
$color-modal-text:#FFFFFF;

// greyed out colors
$color-button-background-greyed: #E7E7E7; 
$color-text-greyed: #787878;

// tables
$color-table: #F5F5F5;

// secondary colours, usually for a dark background
$color-secondary-text:#FFFFFF;
$color-secondary-link-text:#FFC7AA;
$color-secondary-background:#551D00;

//footer
$color-footer-background:#551D00;
$color-footer-text:#FFFFFF;
$color-footer-link-text:#FFC7AA;

// header
$color-header-border: #B1DF95;
$color-menu-text: #551D00;
$color-menu-background:#FFFFFF;

//flashtext
$color-flash-from:#D48E6A;
$color-flash-to:#4A6B8A;

//success colours
$color-alert:#FF0000;
$color-success:#B1DF95;

//color-pagination
$color-current-page-background:#561457;

//special colors
$color-menu-active-state: #f8f8f8;
$color-box-shadow: #888888;
$color-input-border: #EEEEEE;
$color-secondary: #92AA64;

// Dessa Colours
$color-border-bottom:#D2D2D2;
$color-medium-blue: #0491F6;
$color-font-black: inherit;
$color-background-grey: #F9F9F9;
$color-dark-blue: #3D518C;
$color-white: #FFFFFF;
$color-status-green: #2CAB88;
$color-status-red: #FB3D42;
$color-status-rgba-red-half-opacity: rgba(251, 61, 66, 0.5);
$color-status-yellow: #F9C80E;
$color-error-background: #FDF6F5;
$color-light-blue: #4A9CF8;
$color-hover-blue: #62AAFB;
$color-active-blue: #328FF8;
$color-negation-blue: #004A9C;
$color-negation-blue-hover: #0253AE;
$color-negation-blue-active: #01428A;
$color-no-elevation: #F9F9F9;
$color-label-text: #3E3A3D;
$color-label-placeholder: #949494;
$color-9c-grey: #9C9C9C;
$color-job-row-select: #b7e0fe;
$color-sidebar-header: #585858;
$color-artifact-row-select: #b7e0fe;
$color-delete-red: rgb(216, 66, 71);
$color-job-headers: #637080;
$color-dessa-blue: #5480DC;