/* Web Styleguide Colors */
$nutrien-green: #4c9e00; // Primary
$nutrien-light-green: #70c200; // Secondary
$nutrien-light-green2: #a8ff00; // Additional Brand Color
$nutrien-white: #fff;

/* General Background Color */
$nutrien-background: $nutrien-white;

/* Selected Menu Item Background Colors */
$nutrien-menu-selected-normal: #edf4e5; 
$nutrien-menu-selected-hover: #ceee99; 
$nutrien-menu-selected-click: #b5db76;

/* Brand Style Guide - Support Colors */
$nutrien-leaf-1: #86d500;
$nutrien-sky: #b8ede2;
$nutrien-denim: #465f70;
$nutrien-flaxen: #e1b95f;
$nutrien-earth: #482b17;
// Both gr'e'y and gr'a'y colors are the same
$nutrien-grey-100: #adadad;
$nutrien-grey-90: #b9b9b9;
$nutrien-grey-80: #c0c0c0;
$nutrien-grey-70: #c7c7c7;
$nutrien-grey-60: #cccccc;
$nutrien-grey-50: #d4d4d4;
$nutrien-grey-40: #dbdbdb;
$nutrien-grey-30: #e6e6e6;
$nutrien-grey-20: #f0f0f0;
$nutrien-grey-10: #f9f9f9;
$nutrien-gray-100: $nutrien-grey-100;
$nutrien-gray-90: $nutrien-grey-90;
$nutrien-gray-80: $nutrien-grey-80;
$nutrien-gray-70: $nutrien-grey-70;
$nutrien-gray-60: $nutrien-grey-60;
$nutrien-gray-50: $nutrien-grey-50;
$nutrien-gray-40: $nutrien-grey-40;
$nutrien-gray-30: $nutrien-grey-30;
$nutrien-gray-20: $nutrien-grey-20;
$nutrien-gray-10: $nutrien-grey-10;

$nutrien-grey-0: #d4d4d4;
$nutrien-grey-1: #bebebe;
$nutrien-grey-2: #828587;
$nutrien-grey-3: #666;
$nutrien-gray-0: $nutrien-grey-0;
$nutrien-gray-1: $nutrien-grey-1;
$nutrien-gray-2: $nutrien-grey-2;
$nutrien-gray-3: $nutrien-grey-3;

$nutrien-grey--input-icon: #0093E5;
$nutrien-grey--disabled-fill: #ececec;
$nutrien-gray--disabled-fill: $nutrien-grey--disabled-fill;
$nutrien-grey--icon: #a1a1a1;
$nutrien-grey--inactive-outline: #cccccc;
$nutrien-gray--inactive-outline: $nutrien-grey--inactive-outline;
$nutrien-grey--disable-contrast: #a5a3a3;
$nutrien-gray--disable-contrast: $nutrien-grey--disable-contrast;
$nutrien-grey--placeholder: #a6a6a6;
$nutrien-light-grey-1: #f1f0f2;
$nutrien-light-grey-2: #dcdddf;
$nutrien-light-gray-1: $nutrien-light-grey-1;
$nutrien-light-gray-2: $nutrien-light-grey-2;
$nutrien-dark-grey-1: #424242;
$nutrien-dark-grey-2: #222;
$nutrien-dark-gray-1: $nutrien-dark-grey-1;
$nutrien-dark-gray-2: $nutrien-dark-grey-2;

/* Gradients */
$nutrien-leaf-gradient: linear-gradient(-90deg, #86d500 0%, #1a9e00 100%);
$nutrien-grey-gradient: linear-gradient(-90deg, #bebebe 0%, #828587 98%);
$nutrien-light-grey-gradient: linear-gradient(-90deg, #f1f0f2 0%, #dcdddf 98%);
$nutrien-gray-gradient: $nutrien-grey-gradient;
$nutrien-light-gray-gradient: $nutrien-light-grey-gradient;

/* Alert Colors */
$brand--danger: #d24242;
$brand--warning: #f1c02a;
$brand--success: #4c9e00;
$brand--info: #0093e5;
$brand--danger-light: #f6e3e3;
$brand--warning-light: #f6f1e3;
$brand--success-light: #ebf6e3;
$brand--info-light: #e6f6fc;


// Datepicker specific colors
$nutrien-datepicker-hover: #f2f2f2;

// Table Colors
$nutrien-table-border: $nutrien-grey--inactive-outline;
$nutrien-table-highlight: #f5f5f5;

$mdc-theme-primary: $nutrien-green;
$mdc-theme-secondary: $nutrien-light-green;
$mdc-theme-background: $nutrien-background;

//List Colors
$list-selected-green: #e9f3e0;

// Alert (New palette - AH - 20190121)
$alert--danger-1: #e5391a; // icon
$alert--danger-2: #701c0d; // text
$alert--danger-3: #f7c3ba; // background / light

$alert--warning-1: #f2b200; // icon
$alert--warning-2: #795901; // text
$alert--warning-3: #fbe7b2; // background / light

$alert--success-1: #619b2d; // icon
$alert--success-2: #245300; // text
$alert--success-3: #cfe1c0; // background / light

$alert--info-1: #005b9d; // icon
$alert--info-2: #003c6a; // text
$alert--info-3: #b2cde1; // background / light

//Switch Colors
$switch-disabled-gray: $nutrien-grey--disabled-fill;
$switch-track-gray: $nutrien-grey--inactive-outline;
$switch-thumb-white: #f1f1f1;

// Header Colors
$header-background: #f7f7f7;