// Color palettes from the Material Design spec.
// See https://www.google.com/design/spec/style/color.html
//
// Contrast colors are hard-coded because it is too difficult (probably impossible) to
// calculate them. These contrast colors are pulled from the public Material Design spec swatches.
// While the contrast colors in the spec are not prescriptive, we use them for convenience.

// NOTE
// Just the palette we created with the colors arthur gave us
// http://mcg.mbitson.com/#!?mcgpalette0=%233f51b5
// so we can use them like this:
// md-color($md-ap-orange, 500) = #ff4d00,
// md-contrast($md-ap-orange, 500) = $white-87-opacity

$black-87-opacity: rgba(black, 0.87);
$white-87-opacity: rgba(white, 0.87);

$md-ap-orange: (
  50: #ffeae0,
  100: #ffcab3,
  200: #ffa680,
  300: #ff824d,
  400: #ff6826,
  500: #ff4d00,
  600: #ff4600,
  700: #ff3d00,
  800: #ff3400,
  900: #ff2500,
  A100: #ffffff,
  A200: #fff3f2,
  A400: #ffc5bf,
  A700: #ffaea6,
  contrast: (
    50: black,
    100: black,
    200: black,
    300: black,
    400: black,
    500: $white-87-opacity,
    600: $white-87-opacity,
    700: $white-87-opacity,
    800: $white-87-opacity,
    900: $white-87-opacity,
    A100: black,
    A200: black,
    A400: black,
    A700: black,
  )
);

$md-ap-light-orange: (
  50: #ffffff,
  100: #ffffff,
  200: #ffdbce,
  300: #ffa786,
  400: #ff9168,
  500: #ff7b49,
  600: #ff652a,
  700: #ff4f0c,
  800: #ec4100,
  900: #ce3800,
  A100: #ffffff,
  A200: #ffffff,
  A400: #ff9168,
  A700: #ff4f0c,
  contrast: (
    50: black,
    100: black,
    200: black,
    300: black,
    400: black,
    500: black,
    600: black,
    700: $white-87-opacity,
    800: $white-87-opacity,
    900: $white-87-opacity,
    A100: black,
    A200: black,
    A400: black,
    A700: $white-87-opacity,
  )
);

$md-ap-dark: (
  50: #acb4bc,
  100: #818d99,
  200: #65717d,
  300: #454e56,
  400: #383e45,
  500: #2a2f34,
  600: #1c2023,
  700: #0f1012,
  800: #010101,
  900: #000000,
  A100: #acb4bc,
  A200: #818d99,
  A400: #383e45,
  A700: #0f1012,
  contrast: (
    50: black,
    100: black,
    200: $white-87-opacity,
    300: $white-87-opacity,
    400: $white-87-opacity,
    500: $white-87-opacity,
    600: $white-87-opacity,
    700: $white-87-opacity,
    800: $white-87-opacity,
    900: $white-87-opacity,
    A100: black,
    A200: black,
    A400: $white-87-opacity,
    A700: $white-87-opacity,
  )
);

$md-ap-light-dark: (
  50: #ffffff,
  100: #dcdfe2,
  200: #bec3c8,
  300: #979fa7,
  400: #879099,
  500: #76818b,
  600: #68727b,
  700: #5a626a,
  800: #4c5359,
  900: #3e4449,
  A100: #ffffff,
  A200: #dcdfe2,
  A400: #879099,
  A700: #5a626a,
  contrast: (
    50: black,
    100: black,
    200: black,
    300: black,
    400: black,
    500: $white-87-opacity,
    600: $white-87-opacity,
    700: $white-87-opacity,
    800: $white-87-opacity,
    900: $white-87-opacity,
    A100: black,
    A200: black,
    A400: black,
    A700: $white-87-opacity,
  )
);

$md-ap-blue: (
  50: #ffffff,
  100: #bde7ff,
  200: #85d2ff,
  300: #3db8ff,
  400: #1fadff,
  500: #00a2ff,
  600: #008fe0,
  700: #007bc2,
  800: #0068a3,
  900: #005485,
  A100: #ffffff,
  A200: #bde7ff,
  A400: #1fadff,
  A700: #007bc2,
  contrast: (
    50: black,
    100: black,
    200: black,
    300: black,
    400: black,
    500: $white-87-opacity,
    600: $white-87-opacity,
    700: $white-87-opacity,
    800: $white-87-opacity,
    900: $white-87-opacity,
    A100: black,
    A200: black,
    A400: black,
    A700: $white-87-opacity,
  )
);

$md-ap-green: (
  50: #ffffff,
  100: #e6f6c6,
  200: #d1ef96,
  300: #b5e558,
  400: #aae13d,
  500: #9edd23,
  600: #8bc31e,
  700: #78a91a,
  800: #658e16,
  900: #537412,
  A100: #ffffff,
  A200: #e6f6c6,
  A400: #aae13d,
  A700: #78a91a,
  contrast: (
    50: black,
    100: black,
    200: black,
    300: black,
    400: black,
    500: black,
    600: black,
    700: black,
    800: $white-87-opacity,
    900: $white-87-opacity,
    A100: black,
    A200: black,
    A400: black,
    A700: black,
  )
);

$md-ap-red: (
  50: #ffffff,
  100: #f6bebe,
  200: #ef8c8c,
  300: #e64e4e,
  400: #e33333,
  500: #d91e1e,
  600: #be1a1a,
  700: #a31717,
  800: #881313,
  900: #6d0f0f,
  A100: #ffffff,
  A200: #f6bebe,
  A400: #e33333,
  A700: #a31717,
  contrast: (
    50: black,
    100: black,
    200: black,
    300: $white-87-opacity,
    400: $white-87-opacity,
    500: $white-87-opacity,
    600: $white-87-opacity,
    700: $white-87-opacity,
    800: $white-87-opacity,
    900: $white-87-opacity,
    A100: black,
    A200: black,
    A400: $white-87-opacity,
    A700: $white-87-opacity,
  )
);

$md-ap-dark-grey: (
  50: #ffffff,
  100: #f9f9f9,
  200: #dddddd,
  300: #bababa,
  400: #aaaaaa,
  500: #9b9b9b,
  600: #8c8c8c,
  700: #7c7c7c,
  800: #6d6d6d,
  900: #5e5e5e,
  A100: #ffffff,
  A200: #f9f9f9,
  A400: #aaaaaa,
  A700: #7c7c7c,
  contrast: (
    50: black,
    100: black,
    200: black,
    300: black,
    400: black,
    500: black,
    600: black,
    700: $white-87-opacity,
    800: $white-87-opacity,
    900: $white-87-opacity,
    A100: black,
    A200: black,
    A400: black,
    A700: $white-87-opacity,
  )
);

$md-ap-grey: (
  50: #ffffff,
  100: #ffffff,
  200: #f1f1f1,
  300: #cecece,
  400: #bebebe,
  500: #afafaf,
  600: #a0a0a0,
  700: #909090,
  800: #818181,
  900: #727272,
  A100: #ffffff,
  A200: #ffffff,
  A400: #bebebe,
  A700: #909090,
  contrast: (
    50: black,
    100: black,
    200: black,
    300: black,
    400: black,
    500: black,
    600: black,
    700: black,
    800: black,
    900: $white-87-opacity,
    A100: black,
    A200: black,
    A400: black,
    A700: black,
  )
);

$md-ap-light-grey: (
  50: #ffffff,
  100: #ffffff,
  200: #ffffff,
  300: #ffffff,
  400: #ffffff,
  500: #f7f7f7,
  600: #e8e8e8,
  700: #d8d8d8,
  800: #c9c9c9,
  900: #bababa,
  A100: #ffffff,
  A200: #ffffff,
  A400: #ffffff,
  A700: #d8d8d8,
  contrast: (
    50: black,
    100: black,
    200: black,
    300: black,
    400: black,
    500: black,
    600: black,
    700: black,
    800: black,
    900: black,
    A100: black,
    A200: black,
    A400: black,
    A700: black,
  )
);