// COLORS

// Blacks // -----------------------------------

@color-black: rgba(0,0,0,0.87);          // Text
@color-black-light: rgba(0,0,0,0.54);    // Secondary Text & Icons
@color-black-lighter: rgba(0,0,0,0.26);  // Hint Text
@color-black-lightest: rgba(0,0,0,0.12); // Dividers


// Whites // -----------------------------------

@color-white: rgba(255,255,255,1);              // Text
@color-white-light: rgba(255,255,255,0.54);     // Secondary Text & Icons
@color-white-lighter: rgba(255,255,255,0.26);   // Hint Text
@color-white-lightest: rgba(255,255,255,0.12);  // Dividers


// Primary // -----------------------------------

@color-primary: #009688;        // Teal 500
@color-primary-dark: #00796B;   // Teal 700
@color-primary-darkest: #004D40;// Teal 900
@color-primary-light: #B2DFDB;  // Teal 100


// Accent // -----------------------------------

@color-accent: #FF9100;        // Orange A400
@color-accent-light: #FFAB40;  // Orange A200
@color-accent-dark: #FF6D00;   // Orange A700

// States // -----------------------------------

@color-error: #D50000;  // Red A700


// Backgrounds // -----------------------------------

@color-bg-grey: #F9F9F9;             // Grey Backgrounds
@color-bg-grey-dark: #F4F4F4;
@color-bg-grey-darkest: #E5E5E5;
@color-bg-primary-gradient: #009688; // Primary Gradient Accent

.bg-grey { background: @color-bg-grey; }     // Grey Background
.bg-white { background: @color-white; }      // White Background
.bg-primary { background: @color-primary; }  // Primary Background
