// Mains
  $main-color: $; // Add a color variable
  $main-color-lighter: $; // Add a color variable
  $main-color-darker: $; // Add a color variable

// Flat
  // Plain
    $flat-turquoise: #1abc9c;
    $flat-greensea: #16a085;
    $flat-emerland: #2ecc71;
    $flat-nephritis: #27ae60;
    $flat-peterriver: #3498db;
    $flat-belizehole: #2980b9;
    $flat-amethyst: #9b59b6;
    $flat-wisteria: #8e44ad;
    $flat-wetasphalt: #34495e;
    $flat-midnightblue: #2c3e50;
    $flat-sunflower: #f1c40f;
    $flat-orange: #f39c12;
    $flat-carrot: #e67e22;
    $flat-pumpkin: #d35400;
    $flat-alizarin: #e74c3c;
    $flat-pomegranate: #c0392b;
  // Grey
    $flat-clouds: #ecf0f1;
    $flat-silver: #bdc3c7;
    $flat-concrete: #95a5a6;
    $flat-asbestos: #7f8c8d;

// Material
  // Red
    $mdl-red: #F44336;
    $mdl-red-lighter: #EF5350;
    $mdl-red-darker: #E53935;
  // Pink
    $mdl-pink: #E91E63;
    $mdl-pink-lighter: #EC407A;
    $mdl-pink-darker: #D81B60;
  // Purple
    $mdl-purple: #9C27B0;
    $mdl-purple-lighter: #AB47BC;
    $mdl-purple-darker: #8E24AA;
  // Deep Purple
    $mdl-deeppurple: #673AB7;
    $mdl-deeppurple-lighter: #7E57C2;
    $mdl-deeppurple-darker: #5E35B1;
  // Indigo
    $mdl-indigo: #3F51B5;
    $mdl-indigo-lighter: #5C6BC0;
    $mdl-indigo-darker: #3949AB;
  // Blue
    $mdl-blue: #2196F3;
    $mdl-blue-lighter: #42A5F5;
    $mdl-blue-darker: #1E88E5;
  // Cyan
    $mdl-cyan: #00BCD4;
    $mdl-cyan-lighter: #26C6DA;
    $mdl-cyan-darker: #00ACC1;
  // Teal
    $mdl-teal: #009688;
    $mdl-teal-lighter: #26A69A;
    $mdl-teal-darker: #00897B;
  // Green
    $mdl-green: #4CAF50;
    $mdl-green-lighter: #8BC34A;
    $mdl-green-darker: #43A047;
  // Lime
    $mdl-lime: #CDDC39;
    $mdl-lime-lighter: #D4E157;
    $mdl-lime-darker: #C0CA33;
  // Yellow
    $mdl-yellow: #FFEB3B;
    $mdl-yellow-lighter: #FFEE58;
    $mdl-yellow-darker: #FDD835;
  // Amber
    $mdl-amber: #FFC107;
    $mdl-amber-lighter: #FFCA28;
    $mdl-amber-darker: #FFB300;
  // Orange
    $mdl-orange: #FF9800;
    $mdl-orange-lighter: #FFA726;
    $mdl-orange-darker: #FB8C00;
  // Deep Orange
    $mdl-deeporange: #FF5722;
    $mdl-deeporange-lighter: #FF7043;
    $mdl-deeporange-darker: #F4511E;
  // Brown
    $mdl-brown: #795548;
    $mdl-brown-lighter: #8D6E63;
    $mdl-brown-darker: #6D4C41;
  // Grey
    $mdl-grey: #9E9E9E;
    $mdl-grey-lighter: #BDBDBD;
    $mdl-grey-darker: #757575;
  // Blue Grey
    $mdl-bluegrey: #607D8B;
    $mdl-bluegrey-lighter: #78909C;
    $mdl-bluegrey-darker: #546E7A;