@use "sass:color";
// SASS Variables
// -----------------------------------------
// Combined W3C and X11 Colors as SCSS Variables
// -----------------------------------------
// W3C and X11 Common Colors
$black: #000000 !default;
$silver: #c0c0c0 !default;
$gray: #808080 !default;
$white: #ffffff !default;
$maroon: #800000 !default;
$red: #ff0000 !default;
$purple: #800080 !default;
$fuchsia: #ff00ff !default;
$green: #008000 !default;
$lime: #00ff00 !default;
$olive: #808000 !default;
$yellow: #ffff00 !default;
$navy: #000080 !default;
$blue: #0000ff !default;
$teal: #008080 !default;
$aqua: #00ffff !default;

// Extended Colors (X11 Superset)
$aliceBlue: #f0f8ff !default;
$antiqueWhite: #faebd7 !default;
$aquamarine: #7fffd4 !default;
$azure: #f0ffff !default;
$beige: #f5f5dc !default;
$bisque: #ffe4c4 !default;
$blanchedAlmond: #ffebcd !default;
$blueViolet: #8a2be2 !default;
$brown: #a52a2a !default;
$burlywood: #deb887 !default;
$cadetBlue: #5f9ea0 !default;
$chartreuse: #7fff00 !default;
$chocolate: #d2691e !default;
$coral: #ff7f50 !default;
$cornflowerBlue: #6495ed !default;
$cornsilk: #fff8dc !default;
$crimson: #dc143c !default;
$cyan: #00ffff !default;
$darkBlue: #00008b !default;
$darkCyan: #008b8b !default;
$darkGoldenrod: #b8860b !default;
$darkGray: #a9a9a9 !default;
$darkGreen: #006400 !default;
$darkKhaki: #bdb76b !default;
$darkMagenta: #8b008b !default;
$darkOliveGreen: #556b2f !default;
$darkOrange: #ff8c00 !default;
$darkOrchid: #9932cc !default;
$darkRed: #8b0000 !default;
$darkSalmon: #e9967a !default;
$darkSeaGreen: #8fbc8f !default;
$darkSlateBlue: #483d8b !default;
$darkSlateGray: #2f4f4f !default;
$darkTurquoise: #00ced1 !default;
$darkViolet: #9400d3 !default;
$deepPink: #ff1493 !default;
$deepSkyBlue: #00bfff !default;
$dimGray: #696969 !default;
$dodgerBlue: #1e90ff !default;
$firebrick: #b22222 !default;
$floralWhite: #fffaf0 !default;
$forestGreen: #228b22 !default;
$gainsboro: #dcdcdc !default;
$ghostWhite: #f8f8ff !default;
$gold: #ffd700 !default;
$goldenrod: #daa520 !default;
$greenYellow: #adff2f !default;
$honeydew: #f0fff0 !default;
$hotPink: #ff69b4 !default;
$indianRed: #cd5c5c !default;
$indigo: #4b0082 !default;
$ivory: #fffff0 !default;
$khaki: #f0e68c !default;
$lavender: #e6e6fa !default;
$lavenderBlush: #fff0f5 !default;
$lawnGreen: #7cfc00 !default;
$lemonChiffon: #fffacd !default;
$lightBlue: #add8e6 !default;
$lightCoral: #f08080 !default;
$lightCyan: #e0ffff !default;
$lightGoldenrodYellow: #fafad2 !default;
$lightGray: #d3d3d3 !default;
$lightGreen: #90ee90 !default;
$lightPink: #ffb6c1 !default;
$lightSalmon: #ffa07a !default;
$lightSeaGreen: #20b2aa !default;
$lightSkyBlue: #87cefa !default;
$lightSlateGray: #778899 !default;
$lightSteelBlue: #b0c4de !default;
$lightYellow: #ffffe0 !default;
$limeGreen: #32cd32 !default;
$linen: #faf0e6 !default;
$mediumAquamarine: #66cdaa !default;
$mediumBlue: #0000cd !default;
$mediumOrchid: #ba55d3 !default;
$mediumPurple: #9370db !default;
$mediumSeaGreen: #3cb371 !default;
$mediumSlateBlue: #7b68ee !default;
$mediumSpringGreen: #00fa9a !default;
$mediumTurquoise: #48d1cc !default;
$mediumVioletRed: #c71585 !default;
$midnightBlue: #191970 !default;
$mintCream: #f5fffa !default;
$mistyRose: #ffe4e1 !default;
$moccasin: #ffe4b5 !default;
$navajoWhite: #ffdead !default;
$oldLace: #fdf5e6 !default;
$oliveDrab: #6b8e23 !default;
$orange: #ffa500 !default;
$orangeRed: #ff4500 !default;
$orchid: #da70d6 !default;
$paleGoldenrod: #eee8aa !default;
$paleGreen: #98fb98 !default;
$paleTurquoise: #afeeee !default;
$paleVioletRed: #db7093 !default;
$papayaWhip: #ffefd5 !default;
$peachPuff: #ffdab9 !default;
$peru: #cd853f !default;
$pink: #ffc0cb !default;
$plum: #dda0dd !default;
$powderBlue: #b0e0e6 !default;
$rosyBrown: #bc8f8f !default;
$royalBlue: #4169e1 !default;
$saddleBrown: #8b4513 !default;
$salmon: #fa8072 !default;
$sandyBrown: #f4a460 !default;
$seaGreen: #2e8b57 !default;
$seaShell: #fff5ee !default;
$sienna: #a0522d !default;
$skyBlue: #87ceeb !default;
$slateBlue: #6a5acd !default;
$slateGray: #708090 !default;
$snow: #fffafa !default;
$springGreen: #00ff7f !default;
$steelBlue: #4682b4 !default;
$tan: #d2b48c !default;
$thistle: #d8bfd8 !default;
$tomato: #ff6347 !default;
$turquoise: #40e0d0 !default;
$violet: #ee82ee !default;
$wheat: #f5deb3 !default;
$whiteSmoke: #f5f5f5 !default;
$yellowGreen: #9acd32 !default;
$rebeccaPurple: #663399 !default;
$mintCream: #f5fffa !default;
$magenta: #ff00cc !default;
$orangered: #ff4500 !default;
$dark: #a9a9a9 !default;
$lightDark: #c0c0c0 !default;
$darkDark: #707070 !default;
$veryDarkGray: #1c1c1c !default;
$offBlack: #101010 !default;
$ccc: #ccc !default;

// COLOR MAP
$color-map: (
  "Black": $black,
  "Silver": $silver,
  "Gray": $gray,
  "White": $white,
  "Maroon": $maroon,
  "Red": $red,
  "Purple": $purple,
  "Fuchsia": $fuchsia,
  "Green": $green,
  "Lime": $lime,
  "Olive": $olive,
  "Yellow": $yellow,
  "Navy": $navy,
  "Blue": $blue,
  "Teal": $teal,
  "Aqua": $aqua,
  "AliceBlue": $aliceBlue,
  "AntiqueWhite": $antiqueWhite,
  "Aquamarine": $aquamarine,
  "Azure": $azure,
  "Beige": $beige,
  "Bisque": $bisque,
  "BlanchedAlmond": $blanchedAlmond,
  "BlueViolet": $blueViolet,
  "Brown": $brown,
  "Burlywood": $burlywood,
  "CadetBlue": $cadetBlue,
  "Chartreuse": $chartreuse,
  "Chocolate": $chocolate,
  "Coral": $coral,
  "CornflowerBlue": $cornflowerBlue,
  "Cornsilk": $cornsilk,
  "Crimson": $crimson,
  "Cyan": $cyan,
  "DarkBlue": $darkBlue,
  "DarkCyan": $darkCyan,
  "DarkGoldenrod": $darkGoldenrod,
  "DarkGray": $darkGray,
  "DarkGreen": $darkGreen,
  "DarkKhaki": $darkKhaki,
  "DarkMagenta": $darkMagenta,
  "DarkOliveGreen": $darkOliveGreen,
  "DarkOrange": $darkOrange,
  "DarkOrchid": $darkOrchid,
  "DarkRed": $darkRed,
  "DarkSalmon": $darkSalmon,
  "DarkSeaGreen": $darkSeaGreen,
  "DarkSlateBlue": $darkSlateBlue,
  "DarkSlateGray": $darkSlateGray,
  "Dark-turquoise": $darkTurquoise,
  "DarkViolet": $darkViolet,
  "DeepPink": $deepPink,
  "DeepSkyBlue": $deepSkyBlue,
  "DimGray": $dimGray,
  "DodgerBlue": $dodgerBlue,
  "Firebrick": $firebrick,
  "FloralWhite": $floralWhite,
  "ForestGreen": $forestGreen,
  "Gainsboro": $gainsboro,
  "GhostWhite": $ghostWhite,
  "Gold": $gold,
  "Goldenrod": $goldenrod,
  "GreenYellow": $greenYellow,
  "Honeydew": $honeydew,
  "HotPink": $hotPink,
  "IndianRed": $indianRed,
  "Indigo": $indigo,
  "Ivory": $ivory,
  "Khaki": $khaki,
  "Lavender": $lavender,
  "LavenderBlush": $lavenderBlush,
  "LawnGreen": $lawnGreen,
  "LemonChiffon": $lemonChiffon,
  "LightBlue": $lightBlue,
  "LightCoral": $lightCoral,
  "LightCyan": $lightCyan,
  "LightGoldenrodYellow": $lightGoldenrodYellow,
  "LightGray": $lightGray,
  "LightGreen": $lightGreen,
  "LightPink": $lightPink,
  "LightSalmon": $lightSalmon,
  "LightSeaGreen": $lightSeaGreen,
  "LightSkyBlue": $lightSkyBlue,
  "LightSlateGray": $lightSlateGray,
  "LightSteelBlue": $lightSteelBlue,
  "LightYellow": $lightYellow,
  "LimeGreen": $limeGreen,
  "Linen": $linen,
  "MediumAquamarine": $mediumAquamarine,
  "MediumBlue": $mediumBlue,
  "MediumOrchid": $mediumOrchid,
  "MediumPurple": $mediumPurple,
  "MediumSeaGreen": $mediumSeaGreen,
  "MediumSlateBlue": $mediumSlateBlue,
  "MediumSpringGreen": $mediumSpringGreen,
  "MediumTurquoise": $mediumTurquoise,
  "MediumVioletRed": $mediumVioletRed,
  "MidnightBlue": $midnightBlue,
  "MintCream": $mintCream,
  "MistyRose": $mistyRose,
  "Moccasin": $moccasin,
  "NavajoWhite": $navajoWhite,
  "OldLace": $oldLace,
  "OliveDrab": $oliveDrab,
  "Orange": $orange,
  "OrangeRed": $orangeRed,
  "Orchid": $orchid,
  "PaleGoldenrod": $paleGoldenrod,
  "PaleGreen": $paleGreen,
  "PaleTurquoise": $paleTurquoise,
  "PaleVioletRed": $paleVioletRed,
  "PapayaWhip": $papayaWhip,
  "PeachPuff": $peachPuff,
  "Peru": $peru,
  "Pink": $pink,
  "Plum": $plum,
  "PowderBlue": $powderBlue,
  "RosyBrown": $rosyBrown,
  "RoyalBlue": $royalBlue,
  "SaddleBrown": $saddleBrown,
  "Salmon": $salmon,
  "SandyBrown": $sandyBrown,
  "SeaGreen": $seaGreen,
  "SeaShell": $seaShell,
  "Sienna": $sienna,
  "SkyBlue": $skyBlue,
  "SlateBlue": $slateBlue,
  "SlateGray": $slateGray,
  "Snow": $snow,
  "SpringGreen": $springGreen,
  "SteelBlue": $steelBlue,
  "Tan": $tan,
  "Thistle": $thistle,
  "Tomato": $tomato,
  "Turquoise": $turquoise,
  "Violet": $violet,
  "Wheat": $wheat,
  "WhiteSmoke": $whiteSmoke,
  "YellowGreen": $yellowGreen,
  "RebeccaPurple": $rebeccaPurple,
  "Magenta": $magenta,
  "Orangered": $orangered,
  "Dark": $dark,
  "LightDark": $lightDark,
  "DarkDark": $darkDark,
  "VeryDarkGray": $veryDarkGray,
  "OffBlack": $offBlack,
  "CCC": $ccc
);

// Generate color variations into a single map
$color-variations: ();

// Loop through each color and create variations using color.adjust()
@each $name, $color in $color-map {
  $color-variations: map-merge($color-variations, (
    "#{$name}-100": color.adjust($color, $lightness: 40%),
    "#{$name}-200": color.adjust($color, $lightness: 30%),
    "#{$name}-300": color.adjust($color, $lightness: 20%),
    "#{$name}-400": color.adjust($color, $lightness: 10%),
    "#{$name}-500": $color,
    "#{$name}-600": color.adjust($color, $lightness: -10%),
    "#{$name}-700": color.adjust($color, $lightness: -20%),
    "#{$name}-800": color.adjust($color, $lightness: -30%),
    "#{$name}-900": color.adjust($color, $lightness: -40%)
  ));
}

// Function to get color variation
@function get-color($color-name) {
  @return map-get($color-variations, $color-name);
}

// Example usage:
/* 
.example {
  background: get-color("Brown-500"); // Original brown
  border-color: get-color("Brown-700"); // Darker brown
  color: get-color("Brown-200"); // Lighter brown
}
*/