

// Grays
// -------------------------
@ui-black: #000;
@ui-gray-darker: @gray-darker;
@ui-gray-dark: @gray-dark;
@ui-gray: @gray;
@ui-gray-light: @gray-light;
@ui-gray-lighter: @gray-lighter;
@ui-white: #fff;


// Brand colors
// -------------------------
@ui-blue-dark: #003f81;
@ui-blue: #003f81;
@ui-blue-light: #0069D6;

@ui-green-light: #62c462;
@ui-green: #51A351;
@ui-green-dark: #3d773d;

@ui-red-lighter: #ee5f5b;
@ui-red-light: #c43c35;
@ui-red: #cd0a0a;
@ui-red-dark: #882a25;

@ui-yellow-lighter: #fceec1;
@ui-yellow-light: #eedc94;
@ui-yellow: #e4c652;

@ui-gray-darker-num : 222222;
@ui-gray-num: 555555;
@ui-brand-primary-num: 428bca;
@ui-brand-warning-num: f0ad4e;
@ui-body-bg-num: ffffff;
@ui-gray-light-num: 999999;



// Links
// -------------------------
@ui-link-color: @link-color;
@ui-link-hover-color: @link-hover-color;



// Typography
// -------------------------
@ui-font-family-sans-serif: @font-family-sans-serif;

@ui-font-size-base: @font-size-base;
@ui-font-size-large: @font-size-large;
@ui-font-size-small: @font-size-small;

// Iconography
// -------------------------
@ui-image-dir:"../css/custom-theme/images";
@ui-icon-color: #888888;


// Buttons
// -------------------------
@ui-btn-default-bg: @btn-default-bg;
@ui-btn-default-bg-highlight: lighten(@btn-default-bg, 10%);
@ui-btn-default-border: @btn-default-border;

@ui-btn-primary-bg: @btn-primary-bg;
@ui-btn-primary-bg-highlight: lighten(@btn-primary-bg, 10%);
@ui-btn-primary-border: @btn-primary-border;

@ui-btn-success-bg: @btn-success-bg;
@ui-btn-success-bg-highlight: lighten(@btn-success-bg, 10%);
@ui-btn-success-border: @btn-success-border;

@ui-btn-warning-bg: @btn-warning-bg;
@ui-btn-warning-bg-highlight: lighten(@btn-warning-bg, 10%);
@ui-btn-warning-border: @btn-warning-border;

@ui-btn-danger-bg: @btn-danger-bg;
@ui-btn-danger-bg-highlight: lighten(@btn-danger-bg, 10%);
@ui-btn-danger-border: @btn-danger-border;

@ui-btn-info-bg: @btn-info-bg;
@ui-btn-info-bg-highlight: lighten(@btn-info-bg, 10%);
@ui-btn-info-border: @btn-info-border;

@ui-btn-inverse-bg: spin(@btn-default-bg, 180);
@ui-btn-inverse-bg-highlight:  spin(lighten(@btn-default-bg, 10%), 180);
@ui-btn-inverse-border: spin(@btn-default-border, 180);


// Forms
// -------------------------
@ui-input-border-radius: @input-border-radius;

@ui-form-actions-background: @input-bg;

// Z-index master list
// -------------------------
// Used for a bird's eye view of components dependent on the z-axis
// Try to avoid customizing these :)
@ui-zindex-tooltip:           @zindex-tooltip;
