// ============================================================================
// Color | Tailwind
// ============================================================================


// Color | Tailwind | Base
// ----------------------------------------------------------------------------

$transparent: transparent ;
$black: #000000 ;
$white: #ffffff ;


// Color | Tailwind | Red
// ----------------------------------------------------------------------------

$red: #f44336 ;
$red-50: #ffebee ;
$red-100: #ffcdd2 ;
$red-200: #ef9a9a ;
$red-300: #e57373 ;
$red-400: #ef5350 ;
$red-500: #f44336 ;
$red-600: #e53935 ;
$red-700: #d32f2f ;
$red-800: #c62828 ;
$red-900: #b71c1c ;
$red-100-accent: #ff8a80 ;
$red-200-accent: #ff5252 ;
$red-400-accent: #ff1744 ;
$red-700-accent: #d50000 ;


// Color | Tailwind | Pink
// ----------------------------------------------------------------------------

$pink: #e91e63 ;
$pink-50: #fce4ec ;
$pink-100: #f8bbd0 ;
$pink-200: #f48fb1 ;
$pink-300: #f06292 ;
$pink-400: #ec407a ;
$pink-500: #e91e63 ;
$pink-600: #d81b60 ;
$pink-700: #c2185b ;
$pink-800: #ad1457 ;
$pink-900: #880e4f ;
$pink-100-accent: #ff80ab ;
$pink-200-accent: #ff4081 ;
$pink-400-accent: #f50057 ;
$pink-700-accent: #c51162 ;


// Color | Tailwind | Purple
// ----------------------------------------------------------------------------

$purple: #9c27b0 ;
$purple-50: #f3e5f5 ;
$purple-100: #e1bee7 ;
$purple-200: #ce93d8 ;
$purple-300: #ba68c8 ;
$purple-400: #ab47bc ;
$purple-500: #9c27b0 ;
$purple-600: #8e24aa ;
$purple-700: #7b1fa2 ;
$purple-800: #6a1b9a ;
$purple-900: #4a148c ;
$purple-100-accent: #ea80fc ;
$purple-200-accent: #e040fb ;
$purple-400-accent: #d500f9 ;
$purple-700-accent: #aa00ff ;


// Color | Tailwind | Deep Purple
// ----------------------------------------------------------------------------

$deep-purple: #673ab7 ;
$deep-purple-50: #ede7f6 ;
$deep-purple-100: #d1c4e9 ;
$deep-purple-200: #b39ddb ;
$deep-purple-300: #9575cd ;
$deep-purple-400: #7e57c2 ;
$deep-purple-500: #673ab7 ;
$deep-purple-600: #5e35b1 ;
$deep-purple-700: #512da8 ;
$deep-purple-800: #4527a0 ;
$deep-purple-900: #311b92 ;
$deep-purple-100-accent: #b388ff ;
$deep-purple-200-accent: #7c4dff ;
$deep-purple-400-accent: #651fff ;
$deep-purple-700-accent: #6200ea ;


// Color | Tailwind | Indigo
// ----------------------------------------------------------------------------

$indigo: #3f51b5 ;
$indigo-50: #e8eaf6 ;
$indigo-100: #c5cae9 ;
$indigo-200: #9fa8da ;
$indigo-300: #7986cb ;
$indigo-400: #5c6bc0 ;
$indigo-500: #3f51b5 ;
$indigo-600: #3949ab ;
$indigo-700: #303f9f ;
$indigo-800: #283593 ;
$indigo-900: #1a237e ;
$indigo-100-accent: #8c9eff ;
$indigo-200-accent: #536dfe ;
$indigo-400-accent: #3d5afe ;
$indigo-700-accent: #304ffe ;


// Color | Tailwind | Blue
// ----------------------------------------------------------------------------

$blue: #2196f3 ;
$blue-50: #e3f2fd ;
$blue-100: #bbdefb ;
$blue-200: #90caf9 ;
$blue-300: #64b5f6 ;
$blue-400: #42a5f5 ;
$blue-500: #2196f3 ;
$blue-600: #1e88e5 ;
$blue-700: #1976d2 ;
$blue-800: #1565c0 ;
$blue-900: #0d47a1 ;
$blue-100-accent: #82b1ff ;
$blue-200-accent: #448aff ;
$blue-400-accent: #2979ff ;
$blue-700-accent: #2962ff ;


// Color | Tailwind | Light Blue
// ----------------------------------------------------------------------------

$light-blue: #03a9f4 ;
$light-blue-50: #e1f5fe ;
$light-blue-100: #b3e5fc ;
$light-blue-200: #81d4fa ;
$light-blue-300: #4fc3f7 ;
$light-blue-400: #29b6f6 ;
$light-blue-500: #03a9f4 ;
$light-blue-600: #039be5 ;
$light-blue-700: #0288d1 ;
$light-blue-800: #0277bd ;
$light-blue-900: #01579b ;
$light-blue-100-accent: #80d8ff ;
$light-blue-200-accent: #40c4ff ;
$light-blue-400-accent: #00b0ff ;
$light-blue-700-accent: #0091ea ;


// Color | Tailwind | Cyan
// ----------------------------------------------------------------------------

$cyan: #00bcd4 ;
$cyan-50: #e0f7fa ;
$cyan-100: #b2ebf2 ;
$cyan-200: #80deea ;
$cyan-300: #4dd0e1 ;
$cyan-400: #26c6da ;
$cyan-500: #00bcd4 ;
$cyan-600: #00acc1 ;
$cyan-700: #0097a7 ;
$cyan-800: #00838f ;
$cyan-900: #006064 ;
$cyan-100-accent: #84ffff ;
$cyan-200-accent: #18ffff ;
$cyan-400-accent: #00e5ff ;
$cyan-700-accent: #00b8d4 ;


// Color | Tailwind | Teal
// ----------------------------------------------------------------------------

$teal: #009688 ;
$teal-50: #e0f2f1 ;
$teal-100: #b2dfdb ;
$teal-200: #80cbc4 ;
$teal-300: #4db6ac ;
$teal-400: #26a69a ;
$teal-500: #009688 ;
$teal-600: #00897b ;
$teal-700: #00796b ;
$teal-800: #00695c ;
$teal-900: #004d40 ;
$teal-100-accent: #a7ffeb ;
$teal-200-accent: #64ffda ;
$teal-400-accent: #1de9b6 ;
$teal-700-accent: #00bfa5 ;


// Color | Tailwind | Green
// ----------------------------------------------------------------------------

$green: #4caf50 ;
$green-50: #e8f5e9 ;
$green-100: #c8e6c9 ;
$green-200: #a5d6a7 ;
$green-300: #81c784 ;
$green-400: #66bb6a ;
$green-500: #4caf50 ;
$green-600: #43a047 ;
$green-700: #388e3c ;
$green-800: #2e7d32 ;
$green-900: #1b5e20 ;
$green-100-accent: #b9f6ca ;
$green-200-accent: #69f0ae ;
$green-400-accent: #00e676 ;
$green-700-accent: #00c853 ;


// Color | Tailwind | Light Green
// ----------------------------------------------------------------------------

$light-green: #8bc34a ;
$light-green-50: #f1f8e9 ;
$light-green-100: #dcedc8 ;
$light-green-200: #c5e1a5 ;
$light-green-300: #aed581 ;
$light-green-400: #9ccc65 ;
$light-green-500: #8bc34a ;
$light-green-600: #7cb342 ;
$light-green-700: #689f38 ;
$light-green-800: #558b2f ;
$light-green-900: #33691e ;
$light-green-100-accent: #ccff90 ;
$light-green-200-accent: #b2ff59 ;
$light-green-400-accent: #76ff03 ;
$light-green-700-accent: #64dd17 ;


// Color | Tailwind | Lime
// ----------------------------------------------------------------------------

$lime: #cddc39 ;
$lime-50: #f9fbe7 ;
$lime-100: #f0f4c3 ;
$lime-200: #e6ee9c ;
$lime-300: #dce775 ;
$lime-400: #d4e157 ;
$lime-500: #cddc39 ;
$lime-600: #c0ca33 ;
$lime-700: #afb42b ;
$lime-800: #9e9d24 ;
$lime-900: #827717 ;
$lime-100-accent: #f4ff81 ;
$lime-200-accent: #eeff41 ;
$lime-400-accent: #c6ff00 ;
$lime-700-accent: #aeea00 ;


// Color | Tailwind | Yellow
// ----------------------------------------------------------------------------

$yellow: #ffeb3b ;
$yellow-50: #fffde7 ;
$yellow-100: #fff9c4 ;
$yellow-200: #fff59d ;
$yellow-300: #fff176 ;
$yellow-400: #ffee58 ;
$yellow-500: #ffeb3b ;
$yellow-600: #fdd835 ;
$yellow-700: #fbc02d ;
$yellow-800: #f9a825 ;
$yellow-900: #f57f17 ;
$yellow-100-accent: #ffff8d ;
$yellow-200-accent: #ffff00 ;
$yellow-400-accent: #ffea00 ;
$yellow-700-accent: #ffd600 ;


// Color | Tailwind | Amber
// ----------------------------------------------------------------------------

$amber: #ffc107 ;
$amber-50: #fff8e1 ;
$amber-100: #ffecb3 ;
$amber-200: #ffe082 ;
$amber-300: #ffd54f ;
$amber-400: #ffca28 ;
$amber-500: #ffc107 ;
$amber-600: #ffb300 ;
$amber-700: #ffa000 ;
$amber-800: #ff8f00 ;
$amber-900: #ff6f00 ;
$amber-100-accent: #ffe57f ;
$amber-200-accent: #ffd740 ;
$amber-400-accent: #ffc400 ;
$amber-700-accent: #ffab00 ;


// Color | Tailwind | Orange
// ----------------------------------------------------------------------------

$orange: #ff9800 ;
$orange-50: #fff3e0 ;
$orange-100: #ffe0b2 ;
$orange-200: #ffcc80 ;
$orange-300: #ffb74d ;
$orange-400: #ffa726 ;
$orange-500: #ff9800 ;
$orange-600: #fb8c00 ;
$orange-700: #f57c00 ;
$orange-800: #ef6c00 ;
$orange-900: #e65100 ;
$orange-100-accent: #ffd180 ;
$orange-200-accent: #ffab40 ;
$orange-400-accent: #ff9100 ;
$orange-700-accent: #ff6d00 ;


// Color | Tailwind | Deep Orange
// ----------------------------------------------------------------------------

$deep-orange: #ff5722 ;
$deep-orange-50: #fbe9e7 ;
$deep-orange-100: #ffccbc ;
$deep-orange-200: #ffab91 ;
$deep-orange-300: #ff8a65 ;
$deep-orange-400: #ff7043 ;
$deep-orange-500: #ff5722 ;
$deep-orange-600: #f4511e ;
$deep-orange-700: #e64a19 ;
$deep-orange-800: #d84315 ;
$deep-orange-900: #bf360c ;
$deep-orange-100-accent: #ff9e80 ;
$deep-orange-200-accent: #ff6e40 ;
$deep-orange-400-accent: #ff3d00 ;
$deep-orange-700-accent: #dd2c00 ;


// Color | Tailwind | Brown
// ----------------------------------------------------------------------------

$brown: #795548 ;
$brown-50: #efebe9 ;
$brown-100: #d7ccc8 ;
$brown-200: #bcaaa4 ;
$brown-300: #a1887f ;
$brown-400: #8d6e63 ;
$brown-500: #795548 ;
$brown-600: #6d4c41 ;
$brown-700: #5d4037 ;
$brown-800: #4e342e ;
$brown-900: #3e2723 ;


// Color | Tailwind | Grey
// ----------------------------------------------------------------------------

$grey: #9e9e9e ;
$grey-50: #fafafa ;
$grey-100: #f5f5f5 ;
$grey-200: #eeeeee ;
$grey-300: #e0e0e0 ;
$grey-400: #bdbdbd ;
$grey-500: #9e9e9e ;
$grey-600: #757575 ;
$grey-700: #616161 ;
$grey-800: #424242 ;
$grey-900: #212121 ;


// Color | Tailwind | Blue Grey
// ----------------------------------------------------------------------------

$blue-grey: #607d8b ;
$blue-grey-50: #eceff1 ;
$blue-grey-100: #cfd8dc ;
$blue-grey-200: #b0bec5 ;
$blue-grey-300: #90a4ae ;
$blue-grey-400: #78909c ;
$blue-grey-500: #607d8b ;
$blue-grey-600: #546e7a ;
$blue-grey-700: #455a64 ;
$blue-grey-800: #37474f ;
$blue-grey-900: #263238 ;


// Color | Tailwind | Red Contrast
// ----------------------------------------------------------------------------

$red-contrast: white ;
$red-50-contrast: black ;
$red-100-contrast: black ;
$red-200-contrast: black ;
$red-300-contrast: black ;
$red-400-contrast: black ;
$red-500-contrast: white ;
$red-600-contrast: white ;
$red-700-contrast: white ;
$red-800-contrast: white ;
$red-900-contrast: white ;
$red-100-accent-contrast: black ;
$red-200-accent-contrast: white ;
$red-400-accent-contrast: white ;
$red-700-accent-contrast: white ;


// Color | Tailwind | Pink Contrast
// ----------------------------------------------------------------------------

$pink-contrast: white ;
$pink-50-contrast: black ;
$pink-100-contrast: black ;
$pink-200-contrast: black ;
$pink-300-contrast: black ;
$pink-400-contrast: black ;
$pink-500-contrast: white ;
$pink-600-contrast: white ;
$pink-700-contrast: white ;
$pink-800-contrast: white ;
$pink-900-contrast: white ;
$pink-100-accent-contrast: black ;
$pink-200-accent-contrast: white ;
$pink-400-accent-contrast: white ;
$pink-700-accent-contrast: white ;


// Color | Tailwind | Purple Contrast
// ----------------------------------------------------------------------------

$purple-contrast: white ;
$purple-50-contrast: black ;
$purple-100-contrast: black ;
$purple-200-contrast: black ;
$purple-300-contrast: white ;
$purple-400-contrast: white ;
$purple-500-contrast: white ;
$purple-600-contrast: white ;
$purple-700-contrast: white ;
$purple-800-contrast: white ;
$purple-900-contrast: white ;
$purple-100-accent-contrast: black ;
$purple-200-accent-contrast: white ;
$purple-400-accent-contrast: white ;
$purple-700-accent-contrast: white ;


// Color | Tailwind | Deep Purple Contrast
// ----------------------------------------------------------------------------

$deep-purple-contrast: white ;
$deep-purple-50-contrast: black ;
$deep-purple-100-contrast: black ;
$deep-purple-200-contrast: black ;
$deep-purple-300-contrast: white ;
$deep-purple-400-contrast: white ;
$deep-purple-500-contrast: white ;
$deep-purple-600-contrast: white ;
$deep-purple-700-contrast: white ;
$deep-purple-800-contrast: white ;
$deep-purple-900-contrast: white ;
$deep-purple-100-accent-contrast: black ;
$deep-purple-200-accent-contrast: white ;
$deep-purple-400-accent-contrast: white ;
$deep-purple-700-accent-contrast: white ;


// Color | Tailwind | Indigo Contrast
// ----------------------------------------------------------------------------

$indigo-contrast: white ;
$indigo-50-contrast: black ;
$indigo-100-contrast: black ;
$indigo-200-contrast: black ;
$indigo-300-contrast: white ;
$indigo-400-contrast: white ;
$indigo-500-contrast: white ;
$indigo-600-contrast: white ;
$indigo-700-contrast: white ;
$indigo-800-contrast: white ;
$indigo-900-contrast: white ;
$indigo-100-accent-contrast: black ;
$indigo-200-accent-contrast: white ;
$indigo-400-accent-contrast: white ;
$indigo-700-accent-contrast: white ;


// Color | Tailwind | Blue Contrast
// ----------------------------------------------------------------------------

$blue-contrast: white ;
$blue-50-contrast: black ;
$blue-100-contrast: black ;
$blue-200-contrast: black ;
$blue-300-contrast: black ;
$blue-400-contrast: black ;
$blue-500-contrast: white ;
$blue-600-contrast: white ;
$blue-700-contrast: white ;
$blue-800-contrast: white ;
$blue-900-contrast: white ;
$blue-100-accent-contrast: black ;
$blue-200-accent-contrast: white ;
$blue-400-accent-contrast: white ;
$blue-700-accent-contrast: white ;


// Color | Tailwind | Light Blue Contrast
// ----------------------------------------------------------------------------

$light-blue-contrast: white ;
$light-blue-50-contrast: black ;
$light-blue-100-contrast: black ;
$light-blue-200-contrast: black ;
$light-blue-300-contrast: black ;
$light-blue-400-contrast: black ;
$light-blue-500-contrast: white ;
$light-blue-600-contrast: white ;
$light-blue-700-contrast: white ;
$light-blue-800-contrast: white ;
$light-blue-900-contrast: white ;
$light-blue-100-accent-contrast: black ;
$light-blue-200-accent-contrast: black ;
$light-blue-400-accent-contrast: black ;
$light-blue-700-accent-contrast: white ;


// Color | Tailwind | Cyan Contrast
// ----------------------------------------------------------------------------

$cyan-contrast: white ;
$cyan-50-contrast: black ;
$cyan-100-contrast: black ;
$cyan-200-contrast: black ;
$cyan-300-contrast: black ;
$cyan-400-contrast: black ;
$cyan-500-contrast: white ;
$cyan-600-contrast: white ;
$cyan-700-contrast: white ;
$cyan-800-contrast: white ;
$cyan-900-contrast: white ;
$cyan-100-accent-contrast: black ;
$cyan-200-accent-contrast: black ;
$cyan-400-accent-contrast: black ;
$cyan-700-accent-contrast: black ;


// Color | Tailwind | Teal Contrast
// ----------------------------------------------------------------------------

$teal-contrast: white ;
$teal-50-contrast: black ;
$teal-100-contrast: black ;
$teal-200-contrast: black ;
$teal-300-contrast: black ;
$teal-400-contrast: black ;
$teal-500-contrast: white ;
$teal-600-contrast: white ;
$teal-700-contrast: white ;
$teal-800-contrast: white ;
$teal-900-contrast: white ;
$teal-100-accent-contrast: black ;
$teal-200-accent-contrast: black ;
$teal-400-accent-contrast: black ;
$teal-700-accent-contrast: black ;


// Color | Tailwind | Green Contrast
// ----------------------------------------------------------------------------

$green-contrast: white ;
$green-50-contrast: black ;
$green-100-contrast: black ;
$green-200-contrast: black ;
$green-300-contrast: black ;
$green-400-contrast: black ;
$green-500-contrast: white ;
$green-600-contrast: white ;
$green-700-contrast: white ;
$green-800-contrast: white ;
$green-900-contrast: white ;
$green-100-accent-contrast: black ;
$green-200-accent-contrast: black ;
$green-400-accent-contrast: black ;
$green-700-accent-contrast: black ;


// Color | Tailwind | Light Green Contrast
// ----------------------------------------------------------------------------

$light-green-contrast: black ;
$light-green-50-contrast: black ;
$light-green-100-contrast: black ;
$light-green-200-contrast: black ;
$light-green-300-contrast: black ;
$light-green-400-contrast: black ;
$light-green-500-contrast: black ;
$light-green-600-contrast: black ;
$light-green-700-contrast: black ;
$light-green-800-contrast: white ;
$light-green-900-contrast: white ;
$light-green-100-accent-contrast: black ;
$light-green-200-accent-contrast: black ;
$light-green-400-accent-contrast: black ;
$light-green-700-accent-contrast: black ;


// Color | Tailwind | Lime Contrast
// ----------------------------------------------------------------------------

$lime-contrast: black ;
$lime-50-contrast: black ;
$lime-100-contrast: black ;
$lime-200-contrast: black ;
$lime-300-contrast: black ;
$lime-400-contrast: black ;
$lime-500-contrast: black ;
$lime-600-contrast: black ;
$lime-700-contrast: black ;
$lime-800-contrast: black ;
$lime-900-contrast: white ;
$lime-100-accent-contrast: black ;
$lime-200-accent-contrast: black ;
$lime-400-accent-contrast: black ;
$lime-700-accent-contrast: black ;


// Color | Tailwind | Yellow Contrast
// ----------------------------------------------------------------------------

$yellow-contrast: black ;
$yellow-50-contrast: black ;
$yellow-100-contrast: black ;
$yellow-200-contrast: black ;
$yellow-300-contrast: black ;
$yellow-400-contrast: black ;
$yellow-500-contrast: black ;
$yellow-600-contrast: black ;
$yellow-700-contrast: black ;
$yellow-800-contrast: black ;
$yellow-900-contrast: black ;
$yellow-100-accent-contrast: black ;
$yellow-200-accent-contrast: black ;
$yellow-400-accent-contrast: black ;
$yellow-700-accent-contrast: black ;


// Color | Tailwind | Amber Contrast
// ----------------------------------------------------------------------------

$amber-contrast: black ;
$amber-50-contrast: black ;
$amber-100-contrast: black ;
$amber-200-contrast: black ;
$amber-300-contrast: black ;
$amber-400-contrast: black ;
$amber-500-contrast: black ;
$amber-600-contrast: black ;
$amber-700-contrast: black ;
$amber-800-contrast: black ;
$amber-900-contrast: black ;
$amber-100-accent-contrast: black ;
$amber-200-accent-contrast: black ;
$amber-400-accent-contrast: black ;
$amber-700-accent-contrast: black ;


// Color | Tailwind | Orange Contrast
// ----------------------------------------------------------------------------

$orange-contrast: black ;
$orange-50-contrast: black ;
$orange-100-contrast: black ;
$orange-200-contrast: black ;
$orange-300-contrast: black ;
$orange-400-contrast: black ;
$orange-500-contrast: black ;
$orange-600-contrast: black ;
$orange-700-contrast: black ;
$orange-800-contrast: white ;
$orange-900-contrast: white ;
$orange-100-accent-contrast: black ;
$orange-200-accent-contrast: black ;
$orange-400-accent-contrast: black ;
$orange-700-accent-contrast: black ;


// Color | Tailwind | Deep Orange Contrast
// ----------------------------------------------------------------------------

$deep-orange-contrast: white ;
$deep-orange-50-contrast: black ;
$deep-orange-100-contrast: black ;
$deep-orange-200-contrast: black ;
$deep-orange-300-contrast: black ;
$deep-orange-400-contrast: black ;
$deep-orange-500-contrast: white ;
$deep-orange-600-contrast: white ;
$deep-orange-700-contrast: white ;
$deep-orange-800-contrast: white ;
$deep-orange-900-contrast: white ;
$deep-orange-100-accent-contrast: black ;
$deep-orange-200-accent-contrast: black ;
$deep-orange-400-accent-contrast: white ;
$deep-orange-700-accent-contrast: white ;


// Color | Tailwind | Brown Contrast
// ----------------------------------------------------------------------------

$brown-contrast: white ;
$brown-50-contrast: black ;
$brown-100-contrast: black ;
$brown-200-contrast: black ;
$brown-300-contrast: white ;
$brown-400-contrast: white ;
$brown-500-contrast: white ;
$brown-600-contrast: white ;
$brown-700-contrast: white ;
$brown-800-contrast: white ;
$brown-900-contrast: white ;


// Color | Tailwind | Grey Contrast
// ----------------------------------------------------------------------------

$grey-contrast: black ;
$grey-50-contrast: black ;
$grey-100-contrast: black ;
$grey-200-contrast: black ;
$grey-300-contrast: black ;
$grey-400-contrast: black ;
$grey-500-contrast: black ;
$grey-600-contrast: white ;
$grey-700-contrast: white ;
$grey-800-contrast: white ;
$grey-900-contrast: white ;


// Color | Tailwind | Blue Grey Contrast
// ----------------------------------------------------------------------------

$blue-grey-contrast: white ;
$blue-grey-50-contrast: black ;
$blue-grey-100-contrast: black ;
$blue-grey-200-contrast: black ;
$blue-grey-300-contrast: black ;
$blue-grey-400-contrast: white ;
$blue-grey-500-contrast: white ;
$blue-grey-600-contrast: white ;
$blue-grey-700-contrast: white ;
$blue-grey-800-contrast: white ;
$blue-grey-900-contrast: white ;