
//SOURCE: http://zavoloklom.github.io/material-design-color-palette/colors.html
//URL: Constrast ratio calculator: http://leaverou.github.io/contrast-ratio

/* MODIFIERS */

$color-hover-lighten-amount: 4 !default;
$color-active-darken-amount: $color-hover-lighten-amount !default;
$color-border-darken-amount: $color-active-darken-amount * 4 !default;

/* COLORS */

$color-primary: #1565c0 !default; // Blue-800
$color-secondary: #ef6c00 !default; // Orange-800
$color-tertiary: #6a1b9a !default; // Purple-800
$color-quaternary: #2e7d32 !default; // Green-800

$color-black: #212121 !default; // Gray-900
$color-blue: #2196f3 !default; // Blue-500
$color-brown: #795548 !default; // Brown-500
$color-gray: #e0e0e0 !default; // Gray-300
$color-green: #4caf50 !default; // Green-500
$color-olive: #cddc39 !default; // Lime-500
$color-orange: #ff9800 !default; // Orange-500
$color-pink: #e91e63 !default; // Pink-500
$color-purple: #9c27b0 !default; // Purple-500
$color-red: #f44336 !default; // Red-500
$color-teal: #009688 !default; // Teal-500
$color-violet: #673ab7 !default; // Deep-Purple-500
$color-white: #ffffff !default;
$color-yellow: #fabf40 !default; // Yellow-700

$color-error: $color-red !default;
$color-success: $color-green !default;
$color-warning: $color-yellow !default;

$color-base: #eceff1 !default; // Blue-Gray-50
$color-inherit: inherit !default;
$color-transparent: transparent !default;

/* PRIMARY */

$color-primary-bg: $color-primary !default;
$color-primary-bg-hover: lighten( $color-primary-bg, $color-hover-lighten-amount ) !default;
$color-primary-bg-active: darken( $color-primary-bg, $color-active-darken-amount ) !default;
$color-primary-border: darken( $color-primary-bg, $color-border-darken-amount ) !default;
$color-primary-accent: $color-secondary !default;
$color-primary-text: #ffffff !default; // Contrast ratio: 5.7

/* SECONDARY */

$color-secondary-bg: $color-secondary !default;
$color-secondary-bg-hover: lighten( $color-secondary-bg, $color-hover-lighten-amount ) !default;
$color-secondary-bg-active: darken( $color-secondary-bg, $color-active-darken-amount ) !default;
$color-secondary-border: darken( $color-secondary-bg, $color-border-darken-amount ) !default;
$color-secondary-accent: $color-primary !default;
$color-secondary-text: #ffffff !default; // Contrast ratio: 3.1

/* TERTIARY */

$color-tertiary-bg: $color-tertiary !default;
$color-tertiary-bg-hover: lighten( $color-tertiary-bg, $color-hover-lighten-amount ) !default;
$color-tertiary-bg-active: darken( $color-tertiary-bg, $color-active-darken-amount ) !default;
$color-tertiary-border: darken( $color-tertiary-bg, $color-border-darken-amount ) !default;
$color-tertiary-accent: $color-quaternary !default;
$color-tertiary-text: #ffffff !default; // Contrast ratio: 9.4

/* QUATERNARY */

$color-quaternary-bg: $color-quaternary !default;
$color-quaternary-bg-hover: lighten( $color-quaternary-bg, $color-hover-lighten-amount ) !default;
$color-quaternary-bg-active: darken( $color-quaternary-bg, $color-active-darken-amount ) !default;
$color-quaternary-border: darken( $color-quaternary-bg, $color-border-darken-amount ) !default;
$color-quaternary-accent: $color-tertiary !default;
$color-quaternary-text: #ffffff !default; // Contrast ratio: 5.1

/* BLACK */

$color-black-bg: $color-black !default;
$color-black-bg-hover: lighten( $color-black-bg, $color-hover-lighten-amount ) !default;
$color-black-bg-active: darken( $color-black-bg, $color-active-darken-amount ) !default;
$color-black-border: darken( $color-black-bg, $color-border-darken-amount ) !default;
$color-black-accent: $color-white !default;
$color-black-text: #ffffff !default; // Contrast ratio: 16.1

/* BLUE */

$color-blue-bg: $color-blue !default;
$color-blue-bg-hover: lighten( $color-blue-bg, $color-hover-lighten-amount ) !default;
$color-blue-bg-active: darken( $color-blue-bg, $color-active-darken-amount ) !default;
$color-blue-border: darken( $color-blue-bg, $color-border-darken-amount ) !default;
$color-blue-accent: $color-red !default;
$color-blue-text: #ffffff !default; // Contrast ratio: 3.1

/* BROWN */

$color-brown-bg: $color-brown !default;
$color-brown-bg-hover: lighten( $color-brown-bg, $color-hover-lighten-amount ) !default;
$color-brown-bg-active: darken( $color-brown-bg, $color-active-darken-amount ) !default;
$color-brown-border: darken( $color-brown-bg, $color-border-darken-amount ) !default;
$color-brown-accent: $color-orange !default;
$color-brown-text: #ffffff !default; // Contrast ratio: 6.6

/* GRAY */

$color-gray-bg: $color-gray !default;
$color-gray-bg-hover: lighten( $color-gray-bg, $color-hover-lighten-amount ) !default;
$color-gray-bg-active: darken( $color-gray-bg, $color-active-darken-amount ) !default;
$color-gray-border: darken( $color-gray-bg, $color-border-darken-amount ) !default;
$color-gray-accent: $color-black !default;
$color-gray-text: #3f3f3f !default; // Contrast ratio: 8

/* GREEN */

$color-green-bg: $color-green !default;
$color-green-bg-hover: lighten( $color-green-bg, $color-hover-lighten-amount ) !default;
$color-green-bg-active: darken( $color-green-bg, $color-active-darken-amount ) !default;
$color-green-border: darken( $color-green-bg, $color-border-darken-amount ) !default;
$color-green-accent: $color-yellow !default;
$color-green-text: #ffffff !default; // Contrast ratio: 2.8

/* OLIVE */

$color-olive-bg: $color-olive !default;
$color-olive-bg-hover: lighten( $color-olive-bg, $color-hover-lighten-amount ) !default;
$color-olive-bg-active: darken( $color-olive-bg, $color-active-darken-amount ) !default;
$color-olive-border: darken( $color-olive-bg, $color-border-darken-amount ) !default;
$color-olive-accent: $color-orange !default;
$color-olive-text: #ffffff !default; // Contrast ratio: 1.7

/* ORANGE */

$color-orange-bg: $color-orange !default;
$color-orange-bg-hover: lighten( $color-orange-bg, $color-hover-lighten-amount ) !default;
$color-orange-bg-active: darken( $color-orange-bg, $color-active-darken-amount ) !default;
$color-orange-border: darken( $color-orange-bg, $color-border-darken-amount ) !default;
$color-orange-accent: $color-brown !default;
$color-orange-text: #ffffff !default; // Contrast ratio 2.2

/* PINK */

$color-pink-bg: $color-pink !default;
$color-pink-bg-hover: lighten( $color-pink-bg, $color-hover-lighten-amount ) !default;
$color-pink-bg-active: darken( $color-pink-bg, $color-active-darken-amount ) !default;
$color-pink-border: darken( $color-pink-bg, $color-border-darken-amount ) !default;
$color-pink-accent: $color-blue !default;
$color-pink-text: #ffffff !default; // Contrast ratio: 4.3

/* PURPLE */

$color-purple-bg: $color-purple !default;
$color-purple-bg-hover: lighten( $color-purple-bg, $color-hover-lighten-amount ) !default;
$color-purple-bg-active: darken( $color-purple-bg, $color-active-darken-amount ) !default;
$color-purple-border: darken( $color-purple-bg, $color-border-darken-amount ) !default;
$color-purple-accent: $color-yellow !default;
$color-purple-text: #ffffff !default; // Contrast ratio: 6.3

/* RED */

$color-red-bg: $color-red !default;
$color-red-bg-hover: lighten( $color-red-bg, $color-hover-lighten-amount ) !default;
$color-red-bg-active: darken( $color-red-bg, $color-active-darken-amount ) !default;
$color-red-border: darken( $color-red-bg, $color-border-darken-amount ) !default;
$color-red-accent: $color-yellow !default;
$color-red-text: #ffffff !default; // Contrast ratio: 3.7

/* TEAL */

$color-teal-bg: $color-teal !default;
$color-teal-bg-hover: lighten( $color-teal-bg, $color-hover-lighten-amount ) !default;
$color-teal-bg-active: darken( $color-teal-bg, $color-active-darken-amount ) !default;
$color-teal-border: darken( $color-teal-bg, $color-border-darken-amount ) !default;
$color-teal-accent: $color-red !default;
$color-teal-text: #ffffff !default; // Contrast ratio: 3.7

/* VIOLET */

$color-violet-bg: $color-violet !default;
$color-violet-bg-hover: lighten( $color-violet-bg, $color-hover-lighten-amount ) !default;
$color-violet-bg-active: darken( $color-violet-bg, $color-active-darken-amount ) !default;
$color-violet-border: darken( $color-violet-bg, $color-border-darken-amount ) !default;
$color-violet-accent: $color-orange !default;
$color-violet-text: #ffffff !default; // Contrast ratio: 7.1

/* WHITE */

$color-white-bg: $color-white !default;
$color-white-bg-hover: darken( $color-white-bg, $color-hover-lighten-amount ) !default;
$color-white-bg-active: darken( $color-white-bg, $color-active-darken-amount * 1.5 ) !default;
$color-white-border: darken( $color-white-bg, $color-border-darken-amount ) !default;
$color-white-accent: $color-secondary !default;
$color-white-text: #3f3f3f !default; // Contrast ratio: 10.5

/* YELLOW */

$color-yellow-bg: $color-yellow !default;
$color-yellow-bg-hover: lighten( $color-yellow-bg, $color-hover-lighten-amount ) !default;
$color-yellow-bg-active: darken( $color-yellow-bg, $color-active-darken-amount ) !default;
$color-yellow-border: darken( $color-yellow-bg, $color-border-darken-amount ) !default;
$color-yellow-accent: $color-red !default;
$color-yellow-text: #ffffff !default; // Contrast ratio 1.7

/* ERROR */

$color-error-bg: $color-error !default;
$color-error-bg-hover: lighten( $color-error-bg, $color-hover-lighten-amount ) !default;
$color-error-bg-active: darken( $color-error-bg, $color-active-darken-amount ) !default;
$color-error-border: darken( $color-error-bg, $color-border-darken-amount ) !default;
$color-error-accent: $color-yellow !default;
$color-error-text: #ffffff !default; // Contrast ratio: 3.7

/* SUCCESS */

$color-success-bg: $color-success !default;
$color-success-bg-hover: lighten( $color-success-bg, $color-hover-lighten-amount ) !default;
$color-success-bg-active: darken( $color-success-bg, $color-active-darken-amount ) !default;
$color-success-border: darken( $color-success-bg, $color-border-darken-amount ) !default;
$color-success-accent: $color-yellow !default;
$color-success-text: #ffffff !default; // Contrast ratio: 2.8

/* WARNING */

$color-warning-bg: $color-warning !default;
$color-warning-bg-hover: lighten( $color-warning-bg, $color-hover-lighten-amount ) !default;
$color-warning-bg-active: darken( $color-warning-bg, $color-active-darken-amount ) !default;
$color-warning-border: darken( $color-warning-bg, $color-border-darken-amount ) !default;
$color-warning-accent: $color-red !default;
$color-warning-text: #ffffff !default; // Contrast ratio 1.7

/* BASE */

$color-base-bg: $color-base !default;
$color-base-bg-hover: lighten( $color-base-bg, $color-hover-lighten-amount ) !default;
$color-base-bg-active: darken( $color-base-bg, $color-active-darken-amount ) !default;
$color-base-border: darken( $color-base-bg, $color-border-darken-amount ) !default;
$color-base-accent: $color-secondary !default;
$color-base-text: #3f3f3f !default; // Contrast ratio: 9.1

/* INHERIT */

$color-inherit-bg: $color-inherit !default;
$color-inherit-bg-hover: $color-inherit !default;
$color-inherit-bg-active: $color-inherit !default;
$color-inherit-border: $color-inherit !default;
$color-inherit-accent: $color-inherit !default;
$color-inherit-text: $color-inherit !default;

/* TRANSPARENT */

$color-transparent-bg: $color-transparent !default;
$color-transparent-bg-hover: $color-transparent !default;
$color-transparent-bg-active: $color-transparent !default;
$color-transparent-border: $color-transparent !default;
$color-transparent-accent: $color-transparent !default;
$color-transparent-text: $color-inherit !default;

/* COLORS */

$colors: (
  'primary': ( $color-primary-bg, $color-primary-bg-hover, $color-primary-bg-active, $color-primary-border, $color-primary-accent, $color-primary-text ),
  'secondary': ( $color-secondary-bg, $color-secondary-bg-hover, $color-secondary-bg-active, $color-secondary-border, $color-secondary-accent, $color-secondary-text ),
  'tertiary': ( $color-tertiary-bg, $color-tertiary-bg-hover, $color-tertiary-bg-active, $color-tertiary-border, $color-tertiary-accent, $color-tertiary-text ),
  'quaternary': ( $color-quaternary-bg, $color-quaternary-bg-hover, $color-quaternary-bg-active, $color-quaternary-border, $color-quaternary-accent, $color-quaternary-text ),

  'black': ( $color-black-bg, $color-black-bg-hover, $color-black-bg-active, $color-black-border, $color-black-accent, $color-black-text ),
  'blue': ( $color-blue-bg, $color-blue-bg-hover, $color-blue-bg-active, $color-blue-border, $color-blue-accent, $color-blue-text ),
  'brown': ( $color-brown-bg, $color-brown-bg-hover, $color-brown-bg-active, $color-brown-border, $color-brown-accent, $color-brown-text ),
  'gray': ( $color-gray-bg, $color-gray-bg-hover, $color-gray-bg-active, $color-gray-border, $color-gray-accent, $color-gray-text ),
  'green': ( $color-green-bg, $color-green-bg-hover, $color-green-bg-active, $color-green-border, $color-green-accent, $color-green-text ),
  'olive': ( $color-olive-bg, $color-olive-bg-hover, $color-olive-bg-active, $color-olive-border, $color-olive-accent, $color-olive-text ),
  'orange': ( $color-orange-bg, $color-orange-bg-hover, $color-orange-bg-active, $color-orange-border, $color-orange-accent, $color-orange-text ),
  'pink': ( $color-pink-bg, $color-pink-bg-hover, $color-pink-bg-active, $color-pink-border, $color-pink-accent, $color-pink-text ),
  'purple': ( $color-purple-bg, $color-purple-bg-hover, $color-purple-bg-active, $color-purple-border, $color-purple-accent, $color-purple-text ),
  'red': ( $color-red-bg, $color-red-bg-hover, $color-red-bg-active, $color-red-border, $color-red-accent, $color-red-text ),
  'teal': ( $color-teal-bg, $color-teal-bg-hover, $color-teal-bg-active, $color-teal-border, $color-teal-accent, $color-teal-text ),
  'violet': ( $color-violet-bg, $color-violet-bg-hover, $color-violet-bg-active, $color-violet-border, $color-violet-accent, $color-violet-text ),
  'white': ( $color-white-bg, $color-white-bg-hover, $color-white-bg-active, $color-white-border, $color-white-accent, $color-white-text ),
  'yellow': ( $color-yellow-bg, $color-yellow-bg-hover, $color-yellow-bg-active, $color-yellow-border, $color-yellow-accent, $color-yellow-text ),

  'error': ( $color-error-bg, $color-error-bg-hover, $color-error-bg-active, $color-error-border, $color-error-accent, $color-error-text ),
  'success': ( $color-success-bg, $color-success-bg-hover, $color-success-bg-active, $color-success-border, $color-success-accent, $color-success-text ),
  'warning': ( $color-warning-bg, $color-warning-bg-hover, $color-warning-bg-active, $color-warning-border, $color-warning-accent, $color-warning-text ),

  'base': ( $color-base-bg, $color-base-bg-hover, $color-base-bg-active, $color-base-border, $color-base-accent, $color-base-text ),
  'inherit': ( $color-inherit-bg, $color-inherit-bg-hover, $color-inherit-bg-active, $color-inherit-border, $color-inherit-accent, $color-inherit-text ),
  'transparent': ( $color-transparent-bg, $color-transparent-bg-hover, $color-transparent-bg-active, $color-transparent-border, $color-transparent-accent, $color-transparent-text )
) !default;
