
:root {
    
--atm-color-white: #FFFFFF;
--atm-color-black: #000000;

/* --atm-color-red 
#d1263c
rgb(209, 38, 60)
hsl(355, 70%, 48%)
*/
--atm-color-red: hsl(355, 70%, 48%);
--atm-color-red-0:   hsl(0, 0%, 100%);
--atm-color-red-1:   hsl(355, 60%, 96%);
--atm-color-red-50:  hsl(355, 70%, 93%);
--atm-color-red-100: hsl(355, 70%, 88%);
--atm-color-red-150: hsl(355, 70%, 83%);
--atm-color-red-200: hsl(355, 70%, 78%);
--atm-color-red-250: hsl(355, 70%, 73%);
--atm-color-red-300: hsl(355, 70%, 68%);
--atm-color-red-350: hsl(355, 70%, 62%);
--atm-color-red-400: hsl(355, 70%, 56%);
--atm-color-red-450: hsl(355, 70%, 52%);
--atm-color-red-500: hsl(355, 70%, 48%);
--atm-color-red-550: hsl(355, 70%, 44%);
--atm-color-red-600: hsl(355, 70%, 40%);
--atm-color-red-650: hsl(355, 70%, 36%);
--atm-color-red-700: hsl(355, 70%, 32%);
--atm-color-red-750: hsl(355, 70%, 28%);
--atm-color-red-800: hsl(355, 70%, 24%);
--atm-color-red-850: hsl(355, 70%, 21%);
--atm-color-red-900: hsl(355, 70%, 18%);
--atm-color-red-950: hsl(355, 30%, 16%);

/* --atm-color-crimson 
#D1265D
rgb(209, 38, 93)
hsl(340, 70%, 48%)
*/
--atm-color-crimson: hsl(345, 70%, 48%);
--atm-color-crimson-0:   hsl(0, 0%, 100%);
--atm-color-crimson-1:   hsl(345, 60%, 96%);
--atm-color-crimson-50:  hsl(345, 70%, 93%);
--atm-color-crimson-100: hsl(345, 70%, 88%);
--atm-color-crimson-150: hsl(345, 70%, 83%);
--atm-color-crimson-200: hsl(345, 70%, 78%);
--atm-color-crimson-250: hsl(345, 70%, 73%);
--atm-color-crimson-300: hsl(345, 70%, 68%);
--atm-color-crimson-350: hsl(345, 70%, 62%);
--atm-color-crimson-400: hsl(345, 70%, 56%);
--atm-color-crimson-450: hsl(345, 70%, 52%);
--atm-color-crimson-500: hsl(345, 70%, 48%);
--atm-color-crimson-550: hsl(345, 70%, 44%);
--atm-color-crimson-600: hsl(345, 70%, 40%);
--atm-color-crimson-650: hsl(345, 70%, 36%);
--atm-color-crimson-700: hsl(345, 70%, 32%);
--atm-color-crimson-750: hsl(345, 70%, 28%);
--atm-color-crimson-800: hsl(345, 70%, 24%);
--atm-color-crimson-850: hsl(345, 70%, 21%);
--atm-color-crimson-900: hsl(345, 70%, 18%);
--atm-color-crimson-950: hsl(345, 30%, 16%);

/* --atm-color-pink 
#C92A72
rgb(201, 42, 114)
hsl(330, 65%, 48%)
*/
--atm-color-pink: hsl(330, 65%, 48%);
--atm-color-pink-0:   hsl(0, 0%, 100%);
--atm-color-pink-1:   hsl(330, 55%, 96%);
--atm-color-pink-50:  hsl(330, 65%, 93%);
--atm-color-pink-100: hsl(330, 65%, 88%);
--atm-color-pink-150: hsl(330, 65%, 83%);
--atm-color-pink-200: hsl(330, 65%, 78%);
--atm-color-pink-250: hsl(330, 65%, 73%);
--atm-color-pink-300: hsl(330, 65%, 68%);
--atm-color-pink-350: hsl(330, 65%, 62%);
--atm-color-pink-400: hsl(330, 65%, 56%);
--atm-color-pink-450: hsl(330, 65%, 52%);
--atm-color-pink-500: hsl(330, 65%, 48%);
--atm-color-pink-550: hsl(330, 65%, 44%);
--atm-color-pink-600: hsl(330, 65%, 40%);
--atm-color-pink-650: hsl(330, 65%, 36%);
--atm-color-pink-700: hsl(330, 65%, 32%);
--atm-color-pink-750: hsl(330, 65%, 28%);
--atm-color-pink-800: hsl(330, 65%, 24%);
--atm-color-pink-850: hsl(330, 65%, 21%);
--atm-color-pink-900: hsl(330, 65%, 18%);
--atm-color-pink-950: hsl(330, 28%, 16%);
    
/* --atm-color-magenta 
#c92b9b
rgb(201, 43, 155)
hsl(312, 65%, 48%)
*/
--atm-color-magenta: hsl(310, 65%, 48%);
--atm-color-magenta-0:   hsl(0, 0%, 100%);
--atm-color-magenta-1:   hsl(310, 55%, 96%);
--atm-color-magenta-50:  hsl(310, 65%, 93%);
--atm-color-magenta-100: hsl(310, 65%, 88%);
--atm-color-magenta-150: hsl(310, 65%, 83%);
--atm-color-magenta-200: hsl(310, 65%, 78%);
--atm-color-magenta-250: hsl(310, 65%, 73%);
--atm-color-magenta-300: hsl(310, 65%, 68%);
--atm-color-magenta-350: hsl(310, 65%, 62%);
--atm-color-magenta-400: hsl(310, 65%, 56%);
--atm-color-magenta-450: hsl(310, 65%, 52%);
--atm-color-magenta-500: hsl(310, 65%, 48%);
--atm-color-magenta-550: hsl(310, 65%, 44%);
--atm-color-magenta-600: hsl(310, 65%, 40%);
--atm-color-magenta-650: hsl(310, 65%, 36%);
--atm-color-magenta-700: hsl(310, 65%, 32%);
--atm-color-magenta-750: hsl(310, 65%, 28%);
--atm-color-magenta-800: hsl(310, 65%, 24%);
--atm-color-magenta-850: hsl(310, 65%, 21%);
--atm-color-magenta-900: hsl(310, 65%, 18%);
--atm-color-magenta-950: hsl(310, 28%, 16%);

/* --atm-color-violet 
#A731BE
rgb(167, 49, 190)
hsl(285, 60%, 48%)
*/
--atm-color-violet: hsl(285, 60%, 48%);
--atm-color-violet-0:   hsl(0, 0%, 100%);
--atm-color-violet-1:   hsl(285, 50%, 96%);
--atm-color-violet-50:  hsl(285, 60%, 93%);
--atm-color-violet-100: hsl(285, 60%, 88%);
--atm-color-violet-150: hsl(285, 60%, 83%);
--atm-color-violet-200: hsl(285, 60%, 78%);
--atm-color-violet-250: hsl(285, 60%, 73%);
--atm-color-violet-300: hsl(285, 60%, 68%);
--atm-color-violet-350: hsl(285, 60%, 62%);
--atm-color-violet-400: hsl(285, 60%, 56%);
--atm-color-violet-450: hsl(285, 60%, 52%);
--atm-color-violet-500: hsl(285, 60%, 48%);
--atm-color-violet-550: hsl(285, 60%, 44%);
--atm-color-violet-600: hsl(285, 60%, 40%);
--atm-color-violet-650: hsl(285, 60%, 36%);
--atm-color-violet-700: hsl(285, 60%, 32%);
--atm-color-violet-750: hsl(285, 60%, 28%);
--atm-color-violet-800: hsl(285, 60%, 24%);
--atm-color-violet-850: hsl(285, 60%, 21%);
--atm-color-violet-900: hsl(285, 60%, 18%);
--atm-color-violet-950: hsl(285, 25%, 16%);

/* --atm-color-purple 
#653790
rgb(101, 55, 144)
hsl(270, 55%, 48%)
*/
--atm-color-purple: hsl(265, 55%, 48%);
--atm-color-purple-0:   hsl(0, 0%, 100%);
--atm-color-purple-1:   hsl(265, 45%, 96%);
--atm-color-purple-50:  hsl(265, 55%, 93%);
--atm-color-purple-100: hsl(265, 55%, 88%);
--atm-color-purple-150: hsl(265, 55%, 83%);
--atm-color-purple-200: hsl(265, 55%, 78%);
--atm-color-purple-250: hsl(265, 55%, 73%);
--atm-color-purple-300: hsl(265, 55%, 68%);
--atm-color-purple-350: hsl(265, 55%, 62%);
--atm-color-purple-400: hsl(265, 55%, 56%);
--atm-color-purple-450: hsl(265, 55%, 52%);
--atm-color-purple-500: hsl(265, 55%, 48%);
--atm-color-purple-550: hsl(265, 55%, 44%);
--atm-color-purple-600: hsl(265, 55%, 40%);
--atm-color-purple-650: hsl(265, 55%, 36%);
--atm-color-purple-700: hsl(265, 55%, 32%);
--atm-color-purple-750: hsl(265, 55%, 28%);
--atm-color-purple-800: hsl(265, 55%, 24%);
--atm-color-purple-850: hsl(265, 55%, 21%);
--atm-color-purple-900: hsl(265, 55%, 18%);
--atm-color-purple-950: hsl(265, 22%, 16%);  
    
/* --atm-color-indigo 
#6326c0
rgb(99, 38, 192)
hsl(262, 70%, 48%)
*/
--atm-color-indigo: hsl(245, 70%, 48%);
--atm-color-indigo-0:   hsl(0, 0%, 100%);
--atm-color-indigo-1:   hsl(245, 60%, 96%);
--atm-color-indigo-50:  hsl(245, 70%, 93%);
--atm-color-indigo-100: hsl(245, 70%, 88%);
--atm-color-indigo-150: hsl(245, 70%, 83%);
--atm-color-indigo-200: hsl(245, 70%, 78%);
--atm-color-indigo-250: hsl(245, 70%, 73%);
--atm-color-indigo-300: hsl(245, 70%, 68%);
--atm-color-indigo-350: hsl(245, 70%, 62%);
--atm-color-indigo-400: hsl(245, 70%, 56%);
--atm-color-indigo-450: hsl(245, 70%, 52%);
--atm-color-indigo-500: hsl(245, 70%, 48%);
--atm-color-indigo-550: hsl(245, 70%, 44%);
--atm-color-indigo-600: hsl(245, 70%, 40%);
--atm-color-indigo-650: hsl(245, 70%, 36%);
--atm-color-indigo-700: hsl(245, 70%, 32%);
--atm-color-indigo-750: hsl(245, 70%, 28%);
--atm-color-indigo-800: hsl(245, 70%, 24%);
--atm-color-indigo-850: hsl(245, 70%, 21%);
--atm-color-indigo-900: hsl(245, 70%, 18%);
--atm-color-indigo-950: hsl(245, 30%, 16%);

/* --atm-color-blue 
#2472d6
rgb(36, 114, 214)
hsl(216, 70%, 48%)
*/
--atm-color-blue: hsl(220, 70%, 48%);
--atm-color-blue-0:   hsl(0, 0%, 100%);
--atm-color-blue-1:   hsl(220, 60%, 96%);
--atm-color-blue-50:  hsl(220, 70%, 93%);
--atm-color-blue-100: hsl(220, 70%, 88%);
--atm-color-blue-150: hsl(220, 70%, 83%);
--atm-color-blue-200: hsl(220, 70%, 78%);
--atm-color-blue-250: hsl(220, 70%, 73%);
--atm-color-blue-300: hsl(220, 70%, 68%);
--atm-color-blue-350: hsl(220, 70%, 62%);
--atm-color-blue-400: hsl(220, 70%, 56%);
--atm-color-blue-450: hsl(220, 70%, 52%);
--atm-color-blue-500: hsl(220, 70%, 48%);
--atm-color-blue-550: hsl(220, 70%, 44%);
--atm-color-blue-600: hsl(220, 70%, 40%);
--atm-color-blue-650: hsl(220, 70%, 36%);
--atm-color-blue-700: hsl(220, 70%, 32%);
--atm-color-blue-750: hsl(220, 70%, 28%);
--atm-color-blue-800: hsl(220, 70%, 24%);
--atm-color-blue-850: hsl(220, 70%, 21%);
--atm-color-blue-900: hsl(220, 70%, 18%);
--atm-color-blue-950: hsl(220, 30%, 16%);

/* --atm-color-sky
#55A7E6
rgb(85, 167, 230)
hsl(205, 70%, 55%)
*/
--atm-color-sky: hsl(200, 65%, 48%);
--atm-color-sky-0:   hsl(0, 0%, 100%);
--atm-color-sky-1:   hsl(200, 55%, 96%);
--atm-color-sky-50:  hsl(200, 65%, 93%);
--atm-color-sky-100: hsl(200, 65%, 88%);
--atm-color-sky-150: hsl(200, 65%, 83%);
--atm-color-sky-200: hsl(200, 65%, 78%);
--atm-color-sky-250: hsl(200, 65%, 73%);
--atm-color-sky-300: hsl(200, 65%, 68%);
--atm-color-sky-350: hsl(200, 65%, 62%);
--atm-color-sky-400: hsl(200, 65%, 56%);
--atm-color-sky-450: hsl(200, 65%, 52%);
--atm-color-sky-500: hsl(200, 65%, 48%);
--atm-color-sky-550: hsl(200, 65%, 44%);
--atm-color-sky-600: hsl(200, 65%, 40%);
--atm-color-sky-650: hsl(200, 65%, 36%);
--atm-color-sky-700: hsl(200, 65%, 32%);
--atm-color-sky-750: hsl(200, 65%, 28%);
--atm-color-sky-800: hsl(200, 65%, 24%);
--atm-color-sky-850: hsl(200, 65%, 21%);
--atm-color-sky-900: hsl(200, 65%, 18%);
--atm-color-sky-950: hsl(200, 28%, 16%);

/* --atm-color-cyan 
#249cd1
rgb(36, 156, 209)
hsl(195, 70%, 48%)
*/
--atm-color-cyan: hsl(190, 70%, 48%);
--atm-color-cyan-0:   hsl(0, 0%, 100%);
--atm-color-cyan-1:   hsl(190, 70%, 99%);
--atm-color-cyan-50:  hsl(190, 70%, 96%);
--atm-color-cyan-100: hsl(190, 70%, 91%);
--atm-color-cyan-150: hsl(190, 70%, 86%);
--atm-color-cyan-200: hsl(190, 70%, 80%);
--atm-color-cyan-250: hsl(190, 70%, 74%);
--atm-color-cyan-300: hsl(190, 70%, 68%);
--atm-color-cyan-350: hsl(190, 70%, 62%);
--atm-color-cyan-400: hsl(190, 70%, 56%);
--atm-color-cyan-450: hsl(190, 70%, 52%);
--atm-color-cyan-500: hsl(190, 70%, 48%);
--atm-color-cyan-550: hsl(190, 70%, 44%);
--atm-color-cyan-600: hsl(190, 70%, 38%);
--atm-color-cyan-650: hsl(190, 70%, 34%);
--atm-color-cyan-700: hsl(190, 70%, 30%);
--atm-color-cyan-750: hsl(190, 70%, 26%);
--atm-color-cyan-800: hsl(190, 70%, 22%);
--atm-color-cyan-850: hsl(190, 70%, 18%);
--atm-color-cyan-900: hsl(190, 70%, 14%);
--atm-color-cyan-950: hsl(190, 70%, 10%);

/* --atm-color-teal 
#31C0A5
rgb(49, 192, 165)
hsl(168, 60%, 48%)
*/
--atm-color-teal: hsl(170, 60%, 48%);
--atm-color-teal-0:   hsl(0, 0%, 100%);
--atm-color-teal-1:   hsl(170, 60%, 99%);
--atm-color-teal-50:  hsl(170, 60%, 96%);
--atm-color-teal-100: hsl(170, 60%, 91%);
--atm-color-teal-150: hsl(170, 60%, 86%);
--atm-color-teal-200: hsl(170, 60%, 80%);
--atm-color-teal-250: hsl(170, 60%, 74%);
--atm-color-teal-300: hsl(170, 60%, 68%);
--atm-color-teal-350: hsl(170, 60%, 62%);
--atm-color-teal-400: hsl(170, 60%, 56%);
--atm-color-teal-450: hsl(170, 60%, 52%);
--atm-color-teal-500: hsl(170, 60%, 48%);
--atm-color-teal-550: hsl(170, 60%, 44%);
--atm-color-teal-600: hsl(170, 60%, 38%);
--atm-color-teal-650: hsl(170, 60%, 34%);
--atm-color-teal-700: hsl(170, 60%, 30%);
--atm-color-teal-750: hsl(170, 60%, 26%);
--atm-color-teal-800: hsl(170, 60%, 22%);
--atm-color-teal-850: hsl(170, 60%, 18%);
--atm-color-teal-900: hsl(170, 60%, 14%);
--atm-color-teal-950: hsl(170, 60%, 10%);

/* --atm-color-mint
#4cc999
rgb(76, 201, 153)
hsl(160, 55%, 52%)
*/
--atm-color-mint: hsl(155, 55%, 52%);
--atm-color-mint-0:   hsl(0, 0%, 100%);
--atm-color-mint-1:   hsl(155, 55%, 99%);
--atm-color-mint-50:  hsl(155, 55%, 96%);
--atm-color-mint-100: hsl(155, 55%, 91%);
--atm-color-mint-150: hsl(155, 55%, 86%);
--atm-color-mint-200: hsl(155, 55%, 80%);
--atm-color-mint-250: hsl(155, 55%, 74%);
--atm-color-mint-300: hsl(155, 55%, 68%);
--atm-color-mint-350: hsl(155, 55%, 62%);
--atm-color-mint-400: hsl(155, 55%, 56%);
--atm-color-mint-450: hsl(155, 55%, 54%);
--atm-color-mint-500: hsl(155, 55%, 52%);
--atm-color-mint-550: hsl(155, 55%, 48%);
--atm-color-mint-600: hsl(155, 55%, 42%);
--atm-color-mint-650: hsl(155, 55%, 36%);
--atm-color-mint-700: hsl(155, 55%, 32%);
--atm-color-mint-750: hsl(155, 55%, 26%);
--atm-color-mint-800: hsl(155, 55%, 22%);
--atm-color-mint-850: hsl(155, 55%, 18%);
--atm-color-mint-900: hsl(155, 55%, 14%);
--atm-color-mint-950: hsl(155, 55%, 10%);

/* --atm-color-green 
#37b375
rgb(55, 179, 117)
hsl(152, 55%, 48%)
*/
--atm-color-green: hsl(140, 55%, 48%);
--atm-color-green-0:   hsl(0, 0%, 100%);
--atm-color-green-1:   hsl(140, 55%, 99%);
--atm-color-green-50:  hsl(140, 55%, 96%);
--atm-color-green-100: hsl(140, 55%, 91%);
--atm-color-green-150: hsl(140, 55%, 86%);
--atm-color-green-200: hsl(140, 55%, 80%);
--atm-color-green-250: hsl(140, 55%, 74%);
--atm-color-green-300: hsl(140, 55%, 68%);
--atm-color-green-350: hsl(140, 55%, 62%);
--atm-color-green-400: hsl(140, 55%, 56%);
--atm-color-green-450: hsl(140, 55%, 52%);
--atm-color-green-500: hsl(140, 55%, 48%);
--atm-color-green-550: hsl(140, 55%, 44%);
--atm-color-green-600: hsl(140, 55%, 38%);
--atm-color-green-650: hsl(140, 55%, 34%);
--atm-color-green-700: hsl(140, 55%, 30%);
--atm-color-green-750: hsl(140, 55%, 26%);
--atm-color-green-800: hsl(140, 55%, 22%);
--atm-color-green-850: hsl(140, 55%, 18%);
--atm-color-green-900: hsl(140, 55%, 14%);
--atm-color-green-950: hsl(140, 55%, 10%);

/* --atm-color-olive 
#8AB53D
rgb(138, 181, 61)
hsl(82, 50%, 48%)
*/
--atm-color-olive: hsl(100, 50%, 48%);
--atm-color-olive-0:   hsl(0, 0%, 100%);
--atm-color-olive-1:   hsl(100, 50%, 99%);
--atm-color-olive-50:  hsl(100, 50%, 96%);
--atm-color-olive-100: hsl(100, 50%, 91%);
--atm-color-olive-150: hsl(100, 50%, 86%);
--atm-color-olive-200: hsl(100, 50%, 80%);
--atm-color-olive-250: hsl(100, 50%, 74%);
--atm-color-olive-300: hsl(100, 50%, 68%);
--atm-color-olive-350: hsl(100, 50%, 62%);
--atm-color-olive-400: hsl(100, 50%, 56%);
--atm-color-olive-450: hsl(100, 50%, 52%);
--atm-color-olive-500: hsl(100, 50%, 48%);
--atm-color-olive-550: hsl(100, 50%, 44%);
--atm-color-olive-600: hsl(100, 50%, 38%);
--atm-color-olive-650: hsl(100, 50%, 34%);
--atm-color-olive-700: hsl(100, 50%, 30%);
--atm-color-olive-750: hsl(100, 50%, 26%);
--atm-color-olive-800: hsl(100, 50%, 22%);
--atm-color-olive-850: hsl(100, 50%, 18%);
--atm-color-olive-900: hsl(100, 50%, 14%);
--atm-color-olive-950: hsl(100, 50%, 10%);

/* --atm-color-lime 
#E2E417
rgb(226, 228, 23)
hsl(65, 85%, 48%)
*/
--atm-color-lime: hsl(75, 85%, 48%);
--atm-color-lime-0:   hsl(0, 0%, 100%);
--atm-color-lime-1:   hsl(75, 85%, 99%);
--atm-color-lime-50:  hsl(75, 85%, 96%);
--atm-color-lime-100: hsl(75, 85%, 91%);
--atm-color-lime-150: hsl(75, 85%, 86%);
--atm-color-lime-200: hsl(75, 85%, 80%);
--atm-color-lime-250: hsl(75, 85%, 74%);
--atm-color-lime-300: hsl(75, 85%, 68%);
--atm-color-lime-350: hsl(75, 85%, 62%);
--atm-color-lime-400: hsl(75, 85%, 56%);
--atm-color-lime-450: hsl(75, 85%, 52%);
--atm-color-lime-500: hsl(75, 85%, 48%);
--atm-color-lime-550: hsl(75, 85%, 44%);
--atm-color-lime-600: hsl(75, 85%, 38%);
--atm-color-lime-650: hsl(75, 85%, 34%);
--atm-color-lime-700: hsl(75, 85%, 30%);
--atm-color-lime-750: hsl(75, 85%, 26%);
--atm-color-lime-800: hsl(75, 85%, 22%);
--atm-color-lime-850: hsl(75, 85%, 18%);
--atm-color-lime-900: hsl(75, 85%, 14%);
--atm-color-lime-950: hsl(75, 85%, 10%);

/* --atm-color-yellow 
#E2A716
rgb(226, 167, 22)
hsl(45, 85%, 48%)
*/
--atm-color-yellow: hsl(50, 85%, 48%);
--atm-color-yellow-0:   hsl(0, 0%, 100%);
--atm-color-yellow-1:   hsl(50, 85%, 99%);
--atm-color-yellow-50:  hsl(50, 85%, 96%);
--atm-color-yellow-100: hsl(50, 85%, 91%);
--atm-color-yellow-150: hsl(50, 85%, 86%);
--atm-color-yellow-200: hsl(50, 85%, 80%);
--atm-color-yellow-250: hsl(50, 85%, 74%);
--atm-color-yellow-300: hsl(50, 85%, 68%);
--atm-color-yellow-350: hsl(50, 85%, 62%);
--atm-color-yellow-400: hsl(50, 85%, 56%);
--atm-color-yellow-450: hsl(50, 85%, 52%);
--atm-color-yellow-500: hsl(50, 85%, 48%);
--atm-color-yellow-550: hsl(50, 85%, 44%);
--atm-color-yellow-600: hsl(50, 85%, 38%);
--atm-color-yellow-650: hsl(50, 85%, 34%);
--atm-color-yellow-700: hsl(50, 85%, 30%);
--atm-color-yellow-750: hsl(50, 85%, 26%);
--atm-color-yellow-800: hsl(50, 85%, 22%);
--atm-color-yellow-850: hsl(50, 85%, 18%);
--atm-color-yellow-900: hsl(50, 85%, 14%);
--atm-color-yellow-950: hsl(50, 85%, 10%);

/* --atm-color-amber 
#d89026
rgb(216, 144, 38)
hsl(38, 75%, 48%)
*/
--atm-color-amber: hsl(38, 75%, 48%);
--atm-color-amber-0:   hsl(0, 0%, 100%);
--atm-color-amber-1:   hsl(38, 75%, 99%);
--atm-color-amber-50:  hsl(38, 75%, 96%);
--atm-color-amber-100: hsl(38, 75%, 91%);
--atm-color-amber-150: hsl(38, 75%, 86%);
--atm-color-amber-200: hsl(38, 75%, 80%);
--atm-color-amber-250: hsl(38, 75%, 74%);
--atm-color-amber-300: hsl(38, 75%, 68%);
--atm-color-amber-350: hsl(38, 75%, 62%);
--atm-color-amber-400: hsl(38, 75%, 56%);
--atm-color-amber-450: hsl(38, 75%, 52%);
--atm-color-amber-500: hsl(38, 75%, 48%);
--atm-color-amber-550: hsl(38, 75%, 44%);
--atm-color-amber-600: hsl(38, 75%, 38%);
--atm-color-amber-650: hsl(38, 75%, 34%);
--atm-color-amber-700: hsl(38, 75%, 30%);
--atm-color-amber-750: hsl(38, 75%, 26%);
--atm-color-amber-800: hsl(38, 75%, 22%);
--atm-color-amber-850: hsl(38, 75%, 18%);
--atm-color-amber-900: hsl(38, 75%, 14%);
--atm-color-amber-950: hsl(38, 75%, 10%);

/* --atm-color-orange 
#D77626
rgb(215, 118, 38)
hsl(28, 75%, 48%)
*/
--atm-color-orange: hsl(28, 75%, 48%);
--atm-color-orange-0:   hsl(0, 0%, 100%);
--atm-color-orange-1:   hsl(28, 75%, 99%);
--atm-color-orange-50:  hsl(28, 75%, 96%);
--atm-color-orange-100: hsl(28, 75%, 91%);
--atm-color-orange-150: hsl(28, 75%, 86%);
--atm-color-orange-200: hsl(28, 75%, 80%);
--atm-color-orange-250: hsl(28, 75%, 74%);
--atm-color-orange-300: hsl(28, 75%, 68%);
--atm-color-orange-350: hsl(28, 75%, 62%);
--atm-color-orange-400: hsl(28, 75%, 56%);
--atm-color-orange-450: hsl(28, 75%, 52%);
--atm-color-orange-500: hsl(28, 75%, 48%);
--atm-color-orange-550: hsl(28, 75%, 44%);
--atm-color-orange-600: hsl(28, 75%, 38%);
--atm-color-orange-650: hsl(28, 75%, 34%);
--atm-color-orange-700: hsl(28, 75%, 30%);
--atm-color-orange-750: hsl(28, 75%, 26%);
--atm-color-orange-800: hsl(28, 75%, 22%);
--atm-color-orange-850: hsl(28, 75%, 18%);
--atm-color-orange-900: hsl(28, 75%, 14%);
--atm-color-orange-950: hsl(28, 75%, 10%);

/* --atm-color-brown 
#B27344
rgb(178, 115, 68)
hsl(28, 45%, 48%)
*/
--atm-color-brown: hsl(25, 45%, 48%);
--atm-color-brown-0:   hsl(0, 0%, 100%);
--atm-color-brown-1:   hsl(25, 45%, 99%);
--atm-color-brown-50:  hsl(25, 45%, 96%);
--atm-color-brown-100: hsl(25, 45%, 91%);
--atm-color-brown-150: hsl(25, 45%, 86%);
--atm-color-brown-200: hsl(25, 45%, 80%);
--atm-color-brown-250: hsl(25, 45%, 74%);
--atm-color-brown-300: hsl(25, 45%, 68%);
--atm-color-brown-350: hsl(25, 45%, 62%);
--atm-color-brown-400: hsl(25, 45%, 56%);
--atm-color-brown-450: hsl(25, 45%, 52%);
--atm-color-brown-500: hsl(25, 45%, 48%);
--atm-color-brown-550: hsl(25, 45%, 44%);
--atm-color-brown-600: hsl(25, 45%, 38%);
--atm-color-brown-650: hsl(25, 45%, 34%);
--atm-color-brown-700: hsl(25, 45%, 30%);
--atm-color-brown-750: hsl(25, 45%, 26%);
--atm-color-brown-800: hsl(25, 45%, 22%);
--atm-color-brown-850: hsl(25, 45%, 18%);
--atm-color-brown-900: hsl(25, 45%, 14%);
--atm-color-brown-950: hsl(25, 45%, 10%);

/* --atm-color-gray 
#82898f
rgb(130, 137, 143)
hsl(210, 5%, 54%)
*/
--atm-color-gray: hsl(210, 5%, 54%);
--atm-color-gray-0:   hsl(0, 0%, 100%);
--atm-color-gray-1:   hsl(210, 5%, 99%);
--atm-color-gray-50:  hsl(210, 5%, 97%);
--atm-color-gray-100: hsl(210, 5%, 94%);
--atm-color-gray-150: hsl(210, 5%, 90%);
--atm-color-gray-200: hsl(210, 5%, 86%);
--atm-color-gray-250: hsl(210, 5%, 82%);
--atm-color-gray-300: hsl(210, 5%, 78%);
--atm-color-gray-350: hsl(210, 5%, 72%);
--atm-color-gray-400: hsl(210, 5%, 66%);
--atm-color-gray-450: hsl(210, 5%, 60%);
--atm-color-gray-500: hsl(210, 5%, 54%);
--atm-color-gray-550: hsl(210, 5%, 48%);
--atm-color-gray-600: hsl(210, 5%, 40%);
--atm-color-gray-650: hsl(210, 5%, 34%);
--atm-color-gray-700: hsl(210, 5%, 28%);
--atm-color-gray-750: hsl(210, 5%, 24%);
--atm-color-gray-800: hsl(210, 5%, 20%);
--atm-color-gray-850: hsl(210, 5%, 16%);
--atm-color-gray-900: hsl(210, 5%, 12%);
--atm-color-gray-950: hsl(210, 5%, 10%);

}




/* 
* PARA USAR NO TEXTO 
*/

.atm-tx-white {color: var(--atm-color-white);}
.atm-tx-black {color: var(--atm-color-black);}

/* ----------------------- RED ----------------------- */
.atm-tx-red { color: var(--atm-color-red); }
.atm-tx-red-1 { color: var(--atm-color-red-1); }
.atm-tx-red-50 { color: var(--atm-color-red-50); }
.atm-tx-red-100 { color: var(--atm-color-red-100); }
.atm-tx-red-150 { color: var(--atm-color-red-150); }
.atm-tx-red-200 { color: var(--atm-color-red-200); }
.atm-tx-red-250 { color: var(--atm-color-red-250); }
.atm-tx-red-300 { color: var(--atm-color-red-300); }
.atm-tx-red-350 { color: var(--atm-color-red-350); }
.atm-tx-red-400 { color: var(--atm-color-red-400); }
.atm-tx-red-450 { color: var(--atm-color-red-450); }
.atm-tx-red-500 { color: var(--atm-color-red-500); }
.atm-tx-red-550 { color: var(--atm-color-red-550); }
.atm-tx-red-600 { color: var(--atm-color-red-600); }
.atm-tx-red-650 { color: var(--atm-color-red-650); }
.atm-tx-red-700 { color: var(--atm-color-red-700); }
.atm-tx-red-750 { color: var(--atm-color-red-750); }
.atm-tx-red-800 { color: var(--atm-color-red-800); }
.atm-tx-red-850 { color: var(--atm-color-red-850); }
.atm-tx-red-900 { color: var(--atm-color-red-900); }
.atm-tx-red-950 { color: var(--atm-color-red-950); }

/* ----------------------- CRIMSON ----------------------- */
.atm-tx-crimson { color: var(--atm-color-crimson); }
.atm-tx-crimson-1 { color: var(--atm-color-crimson-1); }
.atm-tx-crimson-50 { color: var(--atm-color-crimson-50); }
.atm-tx-crimson-100 { color: var(--atm-color-crimson-100); }
.atm-tx-crimson-150 { color: var(--atm-color-crimson-150); }
.atm-tx-crimson-200 { color: var(--atm-color-crimson-200); }
.atm-tx-crimson-250 { color: var(--atm-color-crimson-250); }
.atm-tx-crimson-300 { color: var(--atm-color-crimson-300); }
.atm-tx-crimson-350 { color: var(--atm-color-crimson-350); }
.atm-tx-crimson-400 { color: var(--atm-color-crimson-400); }
.atm-tx-crimson-450 { color: var(--atm-color-crimson-450); }
.atm-tx-crimson-500 { color: var(--atm-color-crimson-500); }
.atm-tx-crimson-550 { color: var(--atm-color-crimson-550); }
.atm-tx-crimson-600 { color: var(--atm-color-crimson-600); }
.atm-tx-crimson-650 { color: var(--atm-color-crimson-650); }
.atm-tx-crimson-700 { color: var(--atm-color-crimson-700); }
.atm-tx-crimson-750 { color: var(--atm-color-crimson-750); }
.atm-tx-crimson-800 { color: var(--atm-color-crimson-800); }
.atm-tx-crimson-850 { color: var(--atm-color-crimson-850); }
.atm-tx-crimson-900 { color: var(--atm-color-crimson-900); }
.atm-tx-crimson-950 { color: var(--atm-color-crimson-950); }

/* ----------------------- PINK ----------------------- */
.atm-tx-pink { color: var(--atm-color-pink); }
.atm-tx-pink-1 { color: var(--atm-color-pink-1); }
.atm-tx-pink-50 { color: var(--atm-color-pink-50); }
.atm-tx-pink-100 { color: var(--atm-color-pink-100); }
.atm-tx-pink-150 { color: var(--atm-color-pink-150); }
.atm-tx-pink-200 { color: var(--atm-color-pink-200); }
.atm-tx-pink-250 { color: var(--atm-color-pink-250); }
.atm-tx-pink-300 { color: var(--atm-color-pink-300); }
.atm-tx-pink-350 { color: var(--atm-color-pink-350); }
.atm-tx-pink-400 { color: var(--atm-color-pink-400); }
.atm-tx-pink-450 { color: var(--atm-color-pink-450); }
.atm-tx-pink-500 { color: var(--atm-color-pink-500); }
.atm-tx-pink-550 { color: var(--atm-color-pink-550); }
.atm-tx-pink-600 { color: var(--atm-color-pink-600); }
.atm-tx-pink-650 { color: var(--atm-color-pink-650); }
.atm-tx-pink-700 { color: var(--atm-color-pink-700); }
.atm-tx-pink-750 { color: var(--atm-color-pink-750); }
.atm-tx-pink-800 { color: var(--atm-color-pink-800); }
.atm-tx-pink-850 { color: var(--atm-color-pink-850); }
.atm-tx-pink-900 { color: var(--atm-color-pink-900); }
.atm-tx-pink-950 { color: var(--atm-color-pink-950); }

/* ----------------------- MAGENTA ----------------------- */
.atm-tx-magenta { color: var(--atm-color-magenta); }
.atm-tx-magenta-1 { color: var(--atm-color-magenta-1); }
.atm-tx-magenta-50 { color: var(--atm-color-magenta-50); }
.atm-tx-magenta-100 { color: var(--atm-color-magenta-100); }
.atm-tx-magenta-150 { color: var(--atm-color-magenta-150); }
.atm-tx-magenta-200 { color: var(--atm-color-magenta-200); }
.atm-tx-magenta-250 { color: var(--atm-color-magenta-250); }
.atm-tx-magenta-300 { color: var(--atm-color-magenta-300); }
.atm-tx-magenta-350 { color: var(--atm-color-magenta-350); }
.atm-tx-magenta-400 { color: var(--atm-color-magenta-400); }
.atm-tx-magenta-450 { color: var(--atm-color-magenta-450); }
.atm-tx-magenta-500 { color: var(--atm-color-magenta-500); }
.atm-tx-magenta-550 { color: var(--atm-color-magenta-550); }
.atm-tx-magenta-600 { color: var(--atm-color-magenta-600); }
.atm-tx-magenta-650 { color: var(--atm-color-magenta-650); }
.atm-tx-magenta-700 { color: var(--atm-color-magenta-700); }
.atm-tx-magenta-750 { color: var(--atm-color-magenta-750); }
.atm-tx-magenta-800 { color: var(--atm-color-magenta-800); }
.atm-tx-magenta-850 { color: var(--atm-color-magenta-850); }
.atm-tx-magenta-900 { color: var(--atm-color-magenta-900); }
.atm-tx-magenta-950 { color: var(--atm-color-magenta-950); }

/* ----------------------- VIOLET ----------------------- */
.atm-tx-violet { color: var(--atm-color-violet); }
.atm-tx-violet-1 { color: var(--atm-color-violet-1); }
.atm-tx-violet-50 { color: var(--atm-color-violet-50); }
.atm-tx-violet-100 { color: var(--atm-color-violet-100); }
.atm-tx-violet-150 { color: var(--atm-color-violet-150); }
.atm-tx-violet-200 { color: var(--atm-color-violet-200); }
.atm-tx-violet-250 { color: var(--atm-color-violet-250); }
.atm-tx-violet-300 { color: var(--atm-color-violet-300); }
.atm-tx-violet-350 { color: var(--atm-color-violet-350); }
.atm-tx-violet-400 { color: var(--atm-color-violet-400); }
.atm-tx-violet-450 { color: var(--atm-color-violet-450); }
.atm-tx-violet-500 { color: var(--atm-color-violet-500); }
.atm-tx-violet-550 { color: var(--atm-color-violet-550); }
.atm-tx-violet-600 { color: var(--atm-color-violet-600); }
.atm-tx-violet-650 { color: var(--atm-color-violet-650); }
.atm-tx-violet-700 { color: var(--atm-color-violet-700); }
.atm-tx-violet-750 { color: var(--atm-color-violet-750); }
.atm-tx-violet-800 { color: var(--atm-color-violet-800); }
.atm-tx-violet-850 { color: var(--atm-color-violet-850); }
.atm-tx-violet-900 { color: var(--atm-color-violet-900); }
.atm-tx-violet-950 { color: var(--atm-color-violet-950); }

/* ----------------------- PURPLE ----------------------- */
.atm-tx-purple { color: var(--atm-color-purple); }
.atm-tx-purple-1 { color: var(--atm-color-purple-1); }
.atm-tx-purple-50 { color: var(--atm-color-purple-50); }
.atm-tx-purple-100 { color: var(--atm-color-purple-100); }
.atm-tx-purple-150 { color: var(--atm-color-purple-150); }
.atm-tx-purple-200 { color: var(--atm-color-purple-200); }
.atm-tx-purple-250 { color: var(--atm-color-purple-250); }
.atm-tx-purple-300 { color: var(--atm-color-purple-300); }
.atm-tx-purple-350 { color: var(--atm-color-purple-350); }
.atm-tx-purple-400 { color: var(--atm-color-purple-400); }
.atm-tx-purple-450 { color: var(--atm-color-purple-450); }
.atm-tx-purple-500 { color: var(--atm-color-purple-500); }
.atm-tx-purple-550 { color: var(--atm-color-purple-550); }
.atm-tx-purple-600 { color: var(--atm-color-purple-600); }
.atm-tx-purple-650 { color: var(--atm-color-purple-650); }
.atm-tx-purple-700 { color: var(--atm-color-purple-700); }
.atm-tx-purple-750 { color: var(--atm-color-purple-750); }
.atm-tx-purple-800 { color: var(--atm-color-purple-800); }
.atm-tx-purple-850 { color: var(--atm-color-purple-850); }
.atm-tx-purple-900 { color: var(--atm-color-purple-900); }
.atm-tx-purple-950 { color: var(--atm-color-purple-950); }

/* ----------------------- INDIGO ----------------------- */
.atm-tx-indigo { color: var(--atm-color-indigo); }
.atm-tx-indigo-1 { color: var(--atm-color-indigo-1); }
.atm-tx-indigo-50 { color: var(--atm-color-indigo-50); }
.atm-tx-indigo-100 { color: var(--atm-color-indigo-100); }
.atm-tx-indigo-150 { color: var(--atm-color-indigo-150); }
.atm-tx-indigo-200 { color: var(--atm-color-indigo-200); }
.atm-tx-indigo-250 { color: var(--atm-color-indigo-250); }
.atm-tx-indigo-300 { color: var(--atm-color-indigo-300); }
.atm-tx-indigo-350 { color: var(--atm-color-indigo-350); }
.atm-tx-indigo-400 { color: var(--atm-color-indigo-400); }
.atm-tx-indigo-450 { color: var(--atm-color-indigo-450); }
.atm-tx-indigo-500 { color: var(--atm-color-indigo-500); }
.atm-tx-indigo-550 { color: var(--atm-color-indigo-550); }
.atm-tx-indigo-600 { color: var(--atm-color-indigo-600); }
.atm-tx-indigo-650 { color: var(--atm-color-indigo-650); }
.atm-tx-indigo-700 { color: var(--atm-color-indigo-700); }
.atm-tx-indigo-750 { color: var(--atm-color-indigo-750); }
.atm-tx-indigo-800 { color: var(--atm-color-indigo-800); }
.atm-tx-indigo-850 { color: var(--atm-color-indigo-850); }
.atm-tx-indigo-900 { color: var(--atm-color-indigo-900); }
.atm-tx-indigo-950 { color: var(--atm-color-indigo-950); }

/* ----------------------- BLUE ----------------------- */
.atm-tx-blue { color: var(--atm-color-blue); }
.atm-tx-blue-1 { color: var(--atm-color-blue-1); }
.atm-tx-blue-50 { color: var(--atm-color-blue-50); }
.atm-tx-blue-100 { color: var(--atm-color-blue-100); }
.atm-tx-blue-150 { color: var(--atm-color-blue-150); }
.atm-tx-blue-200 { color: var(--atm-color-blue-200); }
.atm-tx-blue-250 { color: var(--atm-color-blue-250); }
.atm-tx-blue-300 { color: var(--atm-color-blue-300); }
.atm-tx-blue-350 { color: var(--atm-color-blue-350); }
.atm-tx-blue-400 { color: var(--atm-color-blue-400); }
.atm-tx-blue-450 { color: var(--atm-color-blue-450); }
.atm-tx-blue-500 { color: var(--atm-color-blue-500); }
.atm-tx-blue-550 { color: var(--atm-color-blue-550); }
.atm-tx-blue-600 { color: var(--atm-color-blue-600); }
.atm-tx-blue-650 { color: var(--atm-color-blue-650); }
.atm-tx-blue-700 { color: var(--atm-color-blue-700); }
.atm-tx-blue-750 { color: var(--atm-color-blue-750); }
.atm-tx-blue-800 { color: var(--atm-color-blue-800); }
.atm-tx-blue-850 { color: var(--atm-color-blue-850); }
.atm-tx-blue-900 { color: var(--atm-color-blue-900); }
.atm-tx-blue-950 { color: var(--atm-color-blue-950); }

/* ----------------------- sky ----------------------- */
.atm-tx-sky { color: var(--atm-color-sky); }
.atm-tx-sky-1 { color: var(--atm-color-sky-1); }
.atm-tx-sky-50 { color: var(--atm-color-sky-50); }
.atm-tx-sky-100 { color: var(--atm-color-sky-100); }
.atm-tx-sky-150 { color: var(--atm-color-sky-150); }
.atm-tx-sky-200 { color: var(--atm-color-sky-200); }
.atm-tx-sky-250 { color: var(--atm-color-sky-250); }
.atm-tx-sky-300 { color: var(--atm-color-sky-300); }
.atm-tx-sky-350 { color: var(--atm-color-sky-350); }
.atm-tx-sky-400 { color: var(--atm-color-sky-400); }
.atm-tx-sky-450 { color: var(--atm-color-sky-450); }
.atm-tx-sky-500 { color: var(--atm-color-sky-500); }
.atm-tx-sky-550 { color: var(--atm-color-sky-550); }
.atm-tx-sky-600 { color: var(--atm-color-sky-600); }
.atm-tx-sky-650 { color: var(--atm-color-sky-650); }
.atm-tx-sky-700 { color: var(--atm-color-sky-700); }
.atm-tx-sky-750 { color: var(--atm-color-sky-750); }
.atm-tx-sky-800 { color: var(--atm-color-sky-800); }
.atm-tx-sky-850 { color: var(--atm-color-sky-850); }
.atm-tx-sky-900 { color: var(--atm-color-sky-900); }
.atm-tx-sky-950 { color: var(--atm-color-sky-950); }

/* ----------------------- CYAN ----------------------- */
.atm-tx-cyan { color: var(--atm-color-cyan); }
.atm-tx-cyan-1 { color: var(--atm-color-cyan-1); }
.atm-tx-cyan-50 { color: var(--atm-color-cyan-50); }
.atm-tx-cyan-100 { color: var(--atm-color-cyan-100); }
.atm-tx-cyan-150 { color: var(--atm-color-cyan-150); }
.atm-tx-cyan-200 { color: var(--atm-color-cyan-200); }
.atm-tx-cyan-250 { color: var(--atm-color-cyan-250); }
.atm-tx-cyan-300 { color: var(--atm-color-cyan-300); }
.atm-tx-cyan-350 { color: var(--atm-color-cyan-350); }
.atm-tx-cyan-400 { color: var(--atm-color-cyan-400); }
.atm-tx-cyan-450 { color: var(--atm-color-cyan-450); }
.atm-tx-cyan-500 { color: var(--atm-color-cyan-500); }
.atm-tx-cyan-550 { color: var(--atm-color-cyan-550); }
.atm-tx-cyan-600 { color: var(--atm-color-cyan-600); }
.atm-tx-cyan-650 { color: var(--atm-color-cyan-650); }
.atm-tx-cyan-700 { color: var(--atm-color-cyan-700); }
.atm-tx-cyan-750 { color: var(--atm-color-cyan-750); }
.atm-tx-cyan-800 { color: var(--atm-color-cyan-800); }
.atm-tx-cyan-850 { color: var(--atm-color-cyan-850); }
.atm-tx-cyan-900 { color: var(--atm-color-cyan-900); }
.atm-tx-cyan-950 { color: var(--atm-color-cyan-950); }

/* ----------------------- TEAL ----------------------- */
.atm-tx-teal { color: var(--atm-color-teal); }
.atm-tx-teal-1 { color: var(--atm-color-teal-1); }
.atm-tx-teal-50 { color: var(--atm-color-teal-50); }
.atm-tx-teal-100 { color: var(--atm-color-teal-100); }
.atm-tx-teal-150 { color: var(--atm-color-teal-150); }
.atm-tx-teal-200 { color: var(--atm-color-teal-200); }
.atm-tx-teal-250 { color: var(--atm-color-teal-250); }
.atm-tx-teal-300 { color: var(--atm-color-teal-300); }
.atm-tx-teal-350 { color: var(--atm-color-teal-350); }
.atm-tx-teal-400 { color: var(--atm-color-teal-400); }
.atm-tx-teal-450 { color: var(--atm-color-teal-450); }
.atm-tx-teal-500 { color: var(--atm-color-teal-500); }
.atm-tx-teal-550 { color: var(--atm-color-teal-550); }
.atm-tx-teal-600 { color: var(--atm-color-teal-600); }
.atm-tx-teal-650 { color: var(--atm-color-teal-650); }
.atm-tx-teal-700 { color: var(--atm-color-teal-700); }
.atm-tx-teal-750 { color: var(--atm-color-teal-750); }
.atm-tx-teal-800 { color: var(--atm-color-teal-800); }
.atm-tx-teal-850 { color: var(--atm-color-teal-850); }
.atm-tx-teal-900 { color: var(--atm-color-teal-900); }
.atm-tx-teal-950 { color: var(--atm-color-teal-950); }

/* ----------------------- MINT ----------------------- */
.atm-tx-mint { color: var(--atm-color-mint); }
.atm-tx-mint-1 { color: var(--atm-color-mint-1); }
.atm-tx-mint-50 { color: var(--atm-color-mint-50); }
.atm-tx-mint-100 { color: var(--atm-color-mint-100); }
.atm-tx-mint-150 { color: var(--atm-color-mint-150); }
.atm-tx-mint-200 { color: var(--atm-color-mint-200); }
.atm-tx-mint-250 { color: var(--atm-color-mint-250); }
.atm-tx-mint-300 { color: var(--atm-color-mint-300); }
.atm-tx-mint-350 { color: var(--atm-color-mint-350); }
.atm-tx-mint-400 { color: var(--atm-color-mint-400); }
.atm-tx-mint-450 { color: var(--atm-color-mint-450); }
.atm-tx-mint-500 { color: var(--atm-color-mint-500); }
.atm-tx-mint-550 { color: var(--atm-color-mint-550); }
.atm-tx-mint-600 { color: var(--atm-color-mint-600); }
.atm-tx-mint-650 { color: var(--atm-color-mint-650); }
.atm-tx-mint-700 { color: var(--atm-color-mint-700); }
.atm-tx-mint-750 { color: var(--atm-color-mint-750); }
.atm-tx-mint-800 { color: var(--atm-color-mint-800); }
.atm-tx-mint-850 { color: var(--atm-color-mint-850); }
.atm-tx-mint-900 { color: var(--atm-color-mint-900); }
.atm-tx-mint-950 { color: var(--atm-color-mint-950); }

/* ----------------------- GREEN ----------------------- */
.atm-tx-green { color: var(--atm-color-green); }
.atm-tx-green-1 { color: var(--atm-color-green-1); }
.atm-tx-green-50 { color: var(--atm-color-green-50); }
.atm-tx-green-100 { color: var(--atm-color-green-100); }
.atm-tx-green-150 { color: var(--atm-color-green-150); }
.atm-tx-green-200 { color: var(--atm-color-green-200); }
.atm-tx-green-250 { color: var(--atm-color-green-250); }
.atm-tx-green-300 { color: var(--atm-color-green-300); }
.atm-tx-green-350 { color: var(--atm-color-green-350); }
.atm-tx-green-400 { color: var(--atm-color-green-400); }
.atm-tx-green-450 { color: var(--atm-color-green-450); }
.atm-tx-green-500 { color: var(--atm-color-green-500); }
.atm-tx-green-550 { color: var(--atm-color-green-550); }
.atm-tx-green-600 { color: var(--atm-color-green-600); }
.atm-tx-green-650 { color: var(--atm-color-green-650); }
.atm-tx-green-700 { color: var(--atm-color-green-700); }
.atm-tx-green-750 { color: var(--atm-color-green-750); }
.atm-tx-green-800 { color: var(--atm-color-green-800); }
.atm-tx-green-850 { color: var(--atm-color-green-850); }
.atm-tx-green-900 { color: var(--atm-color-green-900); }
.atm-tx-green-950 { color: var(--atm-color-green-950); }

/* ----------------------- OLIVE ----------------------- */
.atm-tx-olive { color: var(--atm-color-olive); }
.atm-tx-olive-1 { color: var(--atm-color-olive-1); }
.atm-tx-olive-50 { color: var(--atm-color-olive-50); }
.atm-tx-olive-100 { color: var(--atm-color-olive-100); }
.atm-tx-olive-150 { color: var(--atm-color-olive-150); }
.atm-tx-olive-200 { color: var(--atm-color-olive-200); }
.atm-tx-olive-250 { color: var(--atm-color-olive-250); }
.atm-tx-olive-300 { color: var(--atm-color-olive-300); }
.atm-tx-olive-350 { color: var(--atm-color-olive-350); }
.atm-tx-olive-400 { color: var(--atm-color-olive-400); }
.atm-tx-olive-450 { color: var(--atm-color-olive-450); }
.atm-tx-olive-500 { color: var(--atm-color-olive-500); }
.atm-tx-olive-550 { color: var(--atm-color-olive-550); }
.atm-tx-olive-600 { color: var(--atm-color-olive-600); }
.atm-tx-olive-650 { color: var(--atm-color-olive-650); }
.atm-tx-olive-700 { color: var(--atm-color-olive-700); }
.atm-tx-olive-750 { color: var(--atm-color-olive-750); }
.atm-tx-olive-800 { color: var(--atm-color-olive-800); }
.atm-tx-olive-850 { color: var(--atm-color-olive-850); }
.atm-tx-olive-900 { color: var(--atm-color-olive-900); }
.atm-tx-olive-950 { color: var(--atm-color-olive-950); }

/* ----------------------- LIME ----------------------- */
.atm-tx-lime { color: var(--atm-color-lime); }
.atm-tx-lime-1 { color: var(--atm-color-lime-1); }
.atm-tx-lime-50 { color: var(--atm-color-lime-50); }
.atm-tx-lime-100 { color: var(--atm-color-lime-100); }
.atm-tx-lime-150 { color: var(--atm-color-lime-150); }
.atm-tx-lime-200 { color: var(--atm-color-lime-200); }
.atm-tx-lime-250 { color: var(--atm-color-lime-250); }
.atm-tx-lime-300 { color: var(--atm-color-lime-300); }
.atm-tx-lime-350 { color: var(--atm-color-lime-350); }
.atm-tx-lime-400 { color: var(--atm-color-lime-400); }
.atm-tx-lime-450 { color: var(--atm-color-lime-450); }
.atm-tx-lime-500 { color: var(--atm-color-lime-500); }
.atm-tx-lime-550 { color: var(--atm-color-lime-550); }
.atm-tx-lime-600 { color: var(--atm-color-lime-600); }
.atm-tx-lime-650 { color: var(--atm-color-lime-650); }
.atm-tx-lime-700 { color: var(--atm-color-lime-700); }
.atm-tx-lime-750 { color: var(--atm-color-lime-750); }
.atm-tx-lime-800 { color: var(--atm-color-lime-800); }
.atm-tx-lime-850 { color: var(--atm-color-lime-850); }
.atm-tx-lime-900 { color: var(--atm-color-lime-900); }
.atm-tx-lime-950 { color: var(--atm-color-lime-950); }

/* ----------------------- YELLOW ----------------------- */
.atm-tx-yellow { color: var(--atm-color-yellow); }
.atm-tx-yellow-1 { color: var(--atm-color-yellow-1); }
.atm-tx-yellow-50 { color: var(--atm-color-yellow-50); }
.atm-tx-yellow-100 { color: var(--atm-color-yellow-100); }
.atm-tx-yellow-150 { color: var(--atm-color-yellow-150); }
.atm-tx-yellow-200 { color: var(--atm-color-yellow-200); }
.atm-tx-yellow-250 { color: var(--atm-color-yellow-250); }
.atm-tx-yellow-300 { color: var(--atm-color-yellow-300); }
.atm-tx-yellow-350 { color: var(--atm-color-yellow-350); }
.atm-tx-yellow-400 { color: var(--atm-color-yellow-400); }
.atm-tx-yellow-450 { color: var(--atm-color-yellow-450); }
.atm-tx-yellow-500 { color: var(--atm-color-yellow-500); }
.atm-tx-yellow-550 { color: var(--atm-color-yellow-550); }
.atm-tx-yellow-600 { color: var(--atm-color-yellow-600); }
.atm-tx-yellow-650 { color: var(--atm-color-yellow-650); }
.atm-tx-yellow-700 { color: var(--atm-color-yellow-700); }
.atm-tx-yellow-750 { color: var(--atm-color-yellow-750); }
.atm-tx-yellow-800 { color: var(--atm-color-yellow-800); }
.atm-tx-yellow-850 { color: var(--atm-color-yellow-850); }
.atm-tx-yellow-900 { color: var(--atm-color-yellow-900); }
.atm-tx-yellow-950 { color: var(--atm-color-yellow-950); }

/* ----------------------- AMBER ----------------------- */
.atm-tx-amber { color: var(--atm-color-amber); }
.atm-tx-amber-1 { color: var(--atm-color-amber-1); }
.atm-tx-amber-50 { color: var(--atm-color-amber-50); }
.atm-tx-amber-100 { color: var(--atm-color-amber-100); }
.atm-tx-amber-150 { color: var(--atm-color-amber-150); }
.atm-tx-amber-200 { color: var(--atm-color-amber-200); }
.atm-tx-amber-250 { color: var(--atm-color-amber-250); }
.atm-tx-amber-300 { color: var(--atm-color-amber-300); }
.atm-tx-amber-350 { color: var(--atm-color-amber-350); }
.atm-tx-amber-400 { color: var(--atm-color-amber-400); }
.atm-tx-amber-450 { color: var(--atm-color-amber-450); }
.atm-tx-amber-500 { color: var(--atm-color-amber-500); }
.atm-tx-amber-550 { color: var(--atm-color-amber-550); }
.atm-tx-amber-600 { color: var(--atm-color-amber-600); }
.atm-tx-amber-650 { color: var(--atm-color-amber-650); }
.atm-tx-amber-700 { color: var(--atm-color-amber-700); }
.atm-tx-amber-750 { color: var(--atm-color-amber-750); }
.atm-tx-amber-800 { color: var(--atm-color-amber-800); }
.atm-tx-amber-850 { color: var(--atm-color-amber-850); }
.atm-tx-amber-900 { color: var(--atm-color-amber-900); }
.atm-tx-amber-950 { color: var(--atm-color-amber-950); }

/* ----------------------- ORANGE ----------------------- */
.atm-tx-orange { color: var(--atm-color-orange); }
.atm-tx-orange-1 { color: var(--atm-color-orange-1); }
.atm-tx-orange-50 { color: var(--atm-color-orange-50); }
.atm-tx-orange-100 { color: var(--atm-color-orange-100); }
.atm-tx-orange-150 { color: var(--atm-color-orange-150); }
.atm-tx-orange-200 { color: var(--atm-color-orange-200); }
.atm-tx-orange-250 { color: var(--atm-color-orange-250); }
.atm-tx-orange-300 { color: var(--atm-color-orange-300); }
.atm-tx-orange-350 { color: var(--atm-color-orange-350); }
.atm-tx-orange-400 { color: var(--atm-color-orange-400); }
.atm-tx-orange-450 { color: var(--atm-color-orange-450); }
.atm-tx-orange-500 { color: var(--atm-color-orange-500); }
.atm-tx-orange-550 { color: var(--atm-color-orange-550); }
.atm-tx-orange-600 { color: var(--atm-color-orange-600); }
.atm-tx-orange-650 { color: var(--atm-color-orange-650); }
.atm-tx-orange-700 { color: var(--atm-color-orange-700); }
.atm-tx-orange-750 { color: var(--atm-color-orange-750); }
.atm-tx-orange-800 { color: var(--atm-color-orange-800); }
.atm-tx-orange-850 { color: var(--atm-color-orange-850); }
.atm-tx-orange-900 { color: var(--atm-color-orange-900); }
.atm-tx-orange-950 { color: var(--atm-color-orange-950); }

/* ----------------------- BROWN ----------------------- */
.atm-tx-brown { color: var(--atm-color-brown); }
.atm-tx-brown-1 { color: var(--atm-color-brown-1); }
.atm-tx-brown-50 { color: var(--atm-color-brown-50); }
.atm-tx-brown-100 { color: var(--atm-color-brown-100); }
.atm-tx-brown-150 { color: var(--atm-color-brown-150); }
.atm-tx-brown-200 { color: var(--atm-color-brown-200); }
.atm-tx-brown-250 { color: var(--atm-color-brown-250); }
.atm-tx-brown-300 { color: var(--atm-color-brown-300); }
.atm-tx-brown-350 { color: var(--atm-color-brown-350); }
.atm-tx-brown-400 { color: var(--atm-color-brown-400); }
.atm-tx-brown-450 { color: var(--atm-color-brown-450); }
.atm-tx-brown-500 { color: var(--atm-color-brown-500); }
.atm-tx-brown-550 { color: var(--atm-color-brown-550); }
.atm-tx-brown-600 { color: var(--atm-color-brown-600); }
.atm-tx-brown-650 { color: var(--atm-color-brown-650); }
.atm-tx-brown-700 { color: var(--atm-color-brown-700); }
.atm-tx-brown-750 { color: var(--atm-color-brown-750); }
.atm-tx-brown-800 { color: var(--atm-color-brown-800); }
.atm-tx-brown-850 { color: var(--atm-color-brown-850); }
.atm-tx-brown-900 { color: var(--atm-color-brown-900); }
.atm-tx-brown-950 { color: var(--atm-color-brown-950); }

/* ----------------------- GRAY ----------------------- */
.atm-tx-gray { color: var(--atm-color-gray); }
.atm-tx-gray-1 { color: var(--atm-color-gray-1); }
.atm-tx-gray-50 { color: var(--atm-color-gray-50); }
.atm-tx-gray-100 { color: var(--atm-color-gray-100); }
.atm-tx-gray-150 { color: var(--atm-color-gray-150); }
.atm-tx-gray-200 { color: var(--atm-color-gray-200); }
.atm-tx-gray-250 { color: var(--atm-color-gray-250); }
.atm-tx-gray-300 { color: var(--atm-color-gray-300); }
.atm-tx-gray-350 { color: var(--atm-color-gray-350); }
.atm-tx-gray-400 { color: var(--atm-color-gray-400); }
.atm-tx-gray-450 { color: var(--atm-color-gray-450); }
.atm-tx-gray-500 { color: var(--atm-color-gray-500); }
.atm-tx-gray-550 { color: var(--atm-color-gray-550); }
.atm-tx-gray-600 { color: var(--atm-color-gray-600); }
.atm-tx-gray-650 { color: var(--atm-color-gray-650); }
.atm-tx-gray-700 { color: var(--atm-color-gray-700); }
.atm-tx-gray-750 { color: var(--atm-color-gray-750); }
.atm-tx-gray-800 { color: var(--atm-color-gray-800); }
.atm-tx-gray-850 { color: var(--atm-color-gray-850); }
.atm-tx-gray-900 { color: var(--atm-color-gray-900); }
.atm-tx-gray-950 { color: var(--atm-color-gray-950); }




/* 
* PARA USAR NO BACKGROUND 
*/

.atm-bg-white {background-color: var(--atm-color-white);}
.atm-bg-black {background-color: var(--atm-color-black);}

/* ----------------------- RED ----------------------- */
.atm-bg-red { background-color: var(--atm-color-red); }
.atm-bg-red-1 { background-color: var(--atm-color-red-1); }
.atm-bg-red-50 { background-color: var(--atm-color-red-50); }
.atm-bg-red-100 { background-color: var(--atm-color-red-100); }
.atm-bg-red-150 { background-color: var(--atm-color-red-150); }
.atm-bg-red-200 { background-color: var(--atm-color-red-200); }
.atm-bg-red-250 { background-color: var(--atm-color-red-250); }
.atm-bg-red-300 { background-color: var(--atm-color-red-300); }
.atm-bg-red-350 { background-color: var(--atm-color-red-350); }
.atm-bg-red-400 { background-color: var(--atm-color-red-400); }
.atm-bg-red-450 { background-color: var(--atm-color-red-450); }
.atm-bg-red-500 { background-color: var(--atm-color-red-500); }
.atm-bg-red-550 { background-color: var(--atm-color-red-550); }
.atm-bg-red-600 { background-color: var(--atm-color-red-600); }
.atm-bg-red-650 { background-color: var(--atm-color-red-650); }
.atm-bg-red-700 { background-color: var(--atm-color-red-700); }
.atm-bg-red-750 { background-color: var(--atm-color-red-750); }
.atm-bg-red-800 { background-color: var(--atm-color-red-800); }
.atm-bg-red-850 { background-color: var(--atm-color-red-850); }
.atm-bg-red-900 { background-color: var(--atm-color-red-900); }
.atm-bg-red-950 { background-color: var(--atm-color-red-950); }

/* ----------------------- CRIMSON ----------------------- */
.atm-bg-crimson { background-color: var(--atm-color-crimson); }
.atm-bg-crimson-1 { background-color: var(--atm-color-crimson-1); }
.atm-bg-crimson-50 { background-color: var(--atm-color-crimson-50); }
.atm-bg-crimson-100 { background-color: var(--atm-color-crimson-100); }
.atm-bg-crimson-150 { background-color: var(--atm-color-crimson-150); }
.atm-bg-crimson-200 { background-color: var(--atm-color-crimson-200); }
.atm-bg-crimson-250 { background-color: var(--atm-color-crimson-250); }
.atm-bg-crimson-300 { background-color: var(--atm-color-crimson-300); }
.atm-bg-crimson-350 { background-color: var(--atm-color-crimson-350); }
.atm-bg-crimson-400 { background-color: var(--atm-color-crimson-400); }
.atm-bg-crimson-450 { background-color: var(--atm-color-crimson-450); }
.atm-bg-crimson-500 { background-color: var(--atm-color-crimson-500); }
.atm-bg-crimson-550 { background-color: var(--atm-color-crimson-550); }
.atm-bg-crimson-600 { background-color: var(--atm-color-crimson-600); }
.atm-bg-crimson-650 { background-color: var(--atm-color-crimson-650); }
.atm-bg-crimson-700 { background-color: var(--atm-color-crimson-700); }
.atm-bg-crimson-750 { background-color: var(--atm-color-crimson-750); }
.atm-bg-crimson-800 { background-color: var(--atm-color-crimson-800); }
.atm-bg-crimson-850 { background-color: var(--atm-color-crimson-850); }
.atm-bg-crimson-900 { background-color: var(--atm-color-crimson-900); }
.atm-bg-crimson-950 { background-color: var(--atm-color-crimson-950); }

/* ----------------------- PINK ----------------------- */
.atm-bg-pink { background-color: var(--atm-color-pink); }
.atm-bg-pink-1 { background-color: var(--atm-color-pink-1); }
.atm-bg-pink-50 { background-color: var(--atm-color-pink-50); }
.atm-bg-pink-100 { background-color: var(--atm-color-pink-100); }
.atm-bg-pink-150 { background-color: var(--atm-color-pink-150); }
.atm-bg-pink-200 { background-color: var(--atm-color-pink-200); }
.atm-bg-pink-250 { background-color: var(--atm-color-pink-250); }
.atm-bg-pink-300 { background-color: var(--atm-color-pink-300); }
.atm-bg-pink-350 { background-color: var(--atm-color-pink-350); }
.atm-bg-pink-400 { background-color: var(--atm-color-pink-400); }
.atm-bg-pink-450 { background-color: var(--atm-color-pink-450); }
.atm-bg-pink-500 { background-color: var(--atm-color-pink-500); }
.atm-bg-pink-550 { background-color: var(--atm-color-pink-550); }
.atm-bg-pink-600 { background-color: var(--atm-color-pink-600); }
.atm-bg-pink-650 { background-color: var(--atm-color-pink-650); }
.atm-bg-pink-700 { background-color: var(--atm-color-pink-700); }
.atm-bg-pink-750 { background-color: var(--atm-color-pink-750); }
.atm-bg-pink-800 { background-color: var(--atm-color-pink-800); }
.atm-bg-pink-850 { background-color: var(--atm-color-pink-850); }
.atm-bg-pink-900 { background-color: var(--atm-color-pink-900); }
.atm-bg-pink-950 { background-color: var(--atm-color-pink-950); }

/* ----------------------- MAGENTA ----------------------- */
.atm-bg-magenta { background-color: var(--atm-color-magenta); }
.atm-bg-magenta-1 { background-color: var(--atm-color-magenta-1); }
.atm-bg-magenta-50 { background-color: var(--atm-color-magenta-50); }
.atm-bg-magenta-100 { background-color: var(--atm-color-magenta-100); }
.atm-bg-magenta-150 { background-color: var(--atm-color-magenta-150); }
.atm-bg-magenta-200 { background-color: var(--atm-color-magenta-200); }
.atm-bg-magenta-250 { background-color: var(--atm-color-magenta-250); }
.atm-bg-magenta-300 { background-color: var(--atm-color-magenta-300); }
.atm-bg-magenta-350 { background-color: var(--atm-color-magenta-350); }
.atm-bg-magenta-400 { background-color: var(--atm-color-magenta-400); }
.atm-bg-magenta-450 { background-color: var(--atm-color-magenta-450); }
.atm-bg-magenta-500 { background-color: var(--atm-color-magenta-500); }
.atm-bg-magenta-550 { background-color: var(--atm-color-magenta-550); }
.atm-bg-magenta-600 { background-color: var(--atm-color-magenta-600); }
.atm-bg-magenta-650 { background-color: var(--atm-color-magenta-650); }
.atm-bg-magenta-700 { background-color: var(--atm-color-magenta-700); }
.atm-bg-magenta-750 { background-color: var(--atm-color-magenta-750); }
.atm-bg-magenta-800 { background-color: var(--atm-color-magenta-800); }
.atm-bg-magenta-850 { background-color: var(--atm-color-magenta-850); }
.atm-bg-magenta-900 { background-color: var(--atm-color-magenta-900); }
.atm-bg-magenta-950 { background-color: var(--atm-color-magenta-950); }

/* ----------------------- VIOLET ----------------------- */
.atm-bg-violet { background-color: var(--atm-color-violet); }
.atm-bg-violet-1 { background-color: var(--atm-color-violet-1); }
.atm-bg-violet-50 { background-color: var(--atm-color-violet-50); }
.atm-bg-violet-100 { background-color: var(--atm-color-violet-100); }
.atm-bg-violet-150 { background-color: var(--atm-color-violet-150); }
.atm-bg-violet-200 { background-color: var(--atm-color-violet-200); }
.atm-bg-violet-250 { background-color: var(--atm-color-violet-250); }
.atm-bg-violet-300 { background-color: var(--atm-color-violet-300); }
.atm-bg-violet-350 { background-color: var(--atm-color-violet-350); }
.atm-bg-violet-400 { background-color: var(--atm-color-violet-400); }
.atm-bg-violet-450 { background-color: var(--atm-color-violet-450); }
.atm-bg-violet-500 { background-color: var(--atm-color-violet-500); }
.atm-bg-violet-550 { background-color: var(--atm-color-violet-550); }
.atm-bg-violet-600 { background-color: var(--atm-color-violet-600); }
.atm-bg-violet-650 { background-color: var(--atm-color-violet-650); }
.atm-bg-violet-700 { background-color: var(--atm-color-violet-700); }
.atm-bg-violet-750 { background-color: var(--atm-color-violet-750); }
.atm-bg-violet-800 { background-color: var(--atm-color-violet-800); }
.atm-bg-violet-850 { background-color: var(--atm-color-violet-850); }
.atm-bg-violet-900 { background-color: var(--atm-color-violet-900); }
.atm-bg-violet-950 { background-color: var(--atm-color-violet-950); }

/* ----------------------- PURPLE ----------------------- */
.atm-bg-purple { background-color: var(--atm-color-purple); }
.atm-bg-purple-1 { background-color: var(--atm-color-purple-1); }
.atm-bg-purple-50 { background-color: var(--atm-color-purple-50); }
.atm-bg-purple-100 { background-color: var(--atm-color-purple-100); }
.atm-bg-purple-150 { background-color: var(--atm-color-purple-150); }
.atm-bg-purple-200 { background-color: var(--atm-color-purple-200); }
.atm-bg-purple-250 { background-color: var(--atm-color-purple-250); }
.atm-bg-purple-300 { background-color: var(--atm-color-purple-300); }
.atm-bg-purple-350 { background-color: var(--atm-color-purple-350); }
.atm-bg-purple-400 { background-color: var(--atm-color-purple-400); }
.atm-bg-purple-450 { background-color: var(--atm-color-purple-450); }
.atm-bg-purple-500 { background-color: var(--atm-color-purple-500); }
.atm-bg-purple-550 { background-color: var(--atm-color-purple-550); }
.atm-bg-purple-600 { background-color: var(--atm-color-purple-600); }
.atm-bg-purple-650 { background-color: var(--atm-color-purple-650); }
.atm-bg-purple-700 { background-color: var(--atm-color-purple-700); }
.atm-bg-purple-750 { background-color: var(--atm-color-purple-750); }
.atm-bg-purple-800 { background-color: var(--atm-color-purple-800); }
.atm-bg-purple-850 { background-color: var(--atm-color-purple-850); }
.atm-bg-purple-900 { background-color: var(--atm-color-purple-900); }
.atm-bg-purple-950 { background-color: var(--atm-color-purple-950); }

/* ----------------------- INDIGO ----------------------- */
.atm-bg-indigo { background-color: var(--atm-color-indigo); }
.atm-bg-indigo-1 { background-color: var(--atm-color-indigo-1); }
.atm-bg-indigo-50 { background-color: var(--atm-color-indigo-50); }
.atm-bg-indigo-100 { background-color: var(--atm-color-indigo-100); }
.atm-bg-indigo-150 { background-color: var(--atm-color-indigo-150); }
.atm-bg-indigo-200 { background-color: var(--atm-color-indigo-200); }
.atm-bg-indigo-250 { background-color: var(--atm-color-indigo-250); }
.atm-bg-indigo-300 { background-color: var(--atm-color-indigo-300); }
.atm-bg-indigo-350 { background-color: var(--atm-color-indigo-350); }
.atm-bg-indigo-400 { background-color: var(--atm-color-indigo-400); }
.atm-bg-indigo-450 { background-color: var(--atm-color-indigo-450); }
.atm-bg-indigo-500 { background-color: var(--atm-color-indigo-500); }
.atm-bg-indigo-550 { background-color: var(--atm-color-indigo-550); }
.atm-bg-indigo-600 { background-color: var(--atm-color-indigo-600); }
.atm-bg-indigo-650 { background-color: var(--atm-color-indigo-650); }
.atm-bg-indigo-700 { background-color: var(--atm-color-indigo-700); }
.atm-bg-indigo-750 { background-color: var(--atm-color-indigo-750); }
.atm-bg-indigo-800 { background-color: var(--atm-color-indigo-800); }
.atm-bg-indigo-850 { background-color: var(--atm-color-indigo-850); }
.atm-bg-indigo-900 { background-color: var(--atm-color-indigo-900); }
.atm-bg-indigo-950 { background-color: var(--atm-color-indigo-950); }

/* ----------------------- BLUE ----------------------- */
.atm-bg-blue { background-color: var(--atm-color-blue); }
.atm-bg-blue-1 { background-color: var(--atm-color-blue-1); }
.atm-bg-blue-50 { background-color: var(--atm-color-blue-50); }
.atm-bg-blue-100 { background-color: var(--atm-color-blue-100); }
.atm-bg-blue-150 { background-color: var(--atm-color-blue-150); }
.atm-bg-blue-200 { background-color: var(--atm-color-blue-200); }
.atm-bg-blue-250 { background-color: var(--atm-color-blue-250); }
.atm-bg-blue-300 { background-color: var(--atm-color-blue-300); }
.atm-bg-blue-350 { background-color: var(--atm-color-blue-350); }
.atm-bg-blue-400 { background-color: var(--atm-color-blue-400); }
.atm-bg-blue-450 { background-color: var(--atm-color-blue-450); }
.atm-bg-blue-500 { background-color: var(--atm-color-blue-500); }
.atm-bg-blue-550 { background-color: var(--atm-color-blue-550); }
.atm-bg-blue-600 { background-color: var(--atm-color-blue-600); }
.atm-bg-blue-650 { background-color: var(--atm-color-blue-650); }
.atm-bg-blue-700 { background-color: var(--atm-color-blue-700); }
.atm-bg-blue-750 { background-color: var(--atm-color-blue-750); }
.atm-bg-blue-800 { background-color: var(--atm-color-blue-800); }
.atm-bg-blue-850 { background-color: var(--atm-color-blue-850); }
.atm-bg-blue-900 { background-color: var(--atm-color-blue-900); }
.atm-bg-blue-950 { background-color: var(--atm-color-blue-950); }

/* ----------------------- SKY ----------------------- */
.atm-bg-sky { background-color: var(--atm-color-sky); }
.atm-bg-sky-1 { background-color: var(--atm-color-sky-1); }
.atm-bg-sky-50 { background-color: var(--atm-color-sky-50); }
.atm-bg-sky-100 { background-color: var(--atm-color-sky-100); }
.atm-bg-sky-150 { background-color: var(--atm-color-sky-150); }
.atm-bg-sky-200 { background-color: var(--atm-color-sky-200); }
.atm-bg-sky-250 { background-color: var(--atm-color-sky-250); }
.atm-bg-sky-300 { background-color: var(--atm-color-sky-300); }
.atm-bg-sky-350 { background-color: var(--atm-color-sky-350); }
.atm-bg-sky-400 { background-color: var(--atm-color-sky-400); }
.atm-bg-sky-450 { background-color: var(--atm-color-sky-450); }
.atm-bg-sky-500 { background-color: var(--atm-color-sky-500); }
.atm-bg-sky-550 { background-color: var(--atm-color-sky-550); }
.atm-bg-sky-600 { background-color: var(--atm-color-sky-600); }
.atm-bg-sky-650 { background-color: var(--atm-color-sky-650); }
.atm-bg-sky-700 { background-color: var(--atm-color-sky-700); }
.atm-bg-sky-750 { background-color: var(--atm-color-sky-750); }
.atm-bg-sky-800 { background-color: var(--atm-color-sky-800); }
.atm-bg-sky-850 { background-color: var(--atm-color-sky-850); }
.atm-bg-sky-900 { background-color: var(--atm-color-sky-900); }
.atm-bg-sky-950 { background-color: var(--atm-color-sky-950); }

/* ----------------------- CYAN ----------------------- */
.atm-bg-cyan { background-color: var(--atm-color-cyan); }
.atm-bg-cyan-1 { background-color: var(--atm-color-cyan-1); }
.atm-bg-cyan-50 { background-color: var(--atm-color-cyan-50); }
.atm-bg-cyan-100 { background-color: var(--atm-color-cyan-100); }
.atm-bg-cyan-150 { background-color: var(--atm-color-cyan-150); }
.atm-bg-cyan-200 { background-color: var(--atm-color-cyan-200); }
.atm-bg-cyan-250 { background-color: var(--atm-color-cyan-250); }
.atm-bg-cyan-300 { background-color: var(--atm-color-cyan-300); }
.atm-bg-cyan-350 { background-color: var(--atm-color-cyan-350); }
.atm-bg-cyan-400 { background-color: var(--atm-color-cyan-400); }
.atm-bg-cyan-450 { background-color: var(--atm-color-cyan-450); }
.atm-bg-cyan-500 { background-color: var(--atm-color-cyan-500); }
.atm-bg-cyan-550 { background-color: var(--atm-color-cyan-550); }
.atm-bg-cyan-600 { background-color: var(--atm-color-cyan-600); }
.atm-bg-cyan-650 { background-color: var(--atm-color-cyan-650); }
.atm-bg-cyan-700 { background-color: var(--atm-color-cyan-700); }
.atm-bg-cyan-750 { background-color: var(--atm-color-cyan-750); }
.atm-bg-cyan-800 { background-color: var(--atm-color-cyan-800); }
.atm-bg-cyan-850 { background-color: var(--atm-color-cyan-850); }
.atm-bg-cyan-900 { background-color: var(--atm-color-cyan-900); }
.atm-bg-cyan-950 { background-color: var(--atm-color-cyan-950); }

/* ----------------------- TEAL ----------------------- */
.atm-bg-teal { background-color: var(--atm-color-teal); }
.atm-bg-teal-1 { background-color: var(--atm-color-teal-1); }
.atm-bg-teal-50 { background-color: var(--atm-color-teal-50); }
.atm-bg-teal-100 { background-color: var(--atm-color-teal-100); }
.atm-bg-teal-150 { background-color: var(--atm-color-teal-150); }
.atm-bg-teal-200 { background-color: var(--atm-color-teal-200); }
.atm-bg-teal-250 { background-color: var(--atm-color-teal-250); }
.atm-bg-teal-300 { background-color: var(--atm-color-teal-300); }
.atm-bg-teal-350 { background-color: var(--atm-color-teal-350); }
.atm-bg-teal-400 { background-color: var(--atm-color-teal-400); }
.atm-bg-teal-450 { background-color: var(--atm-color-teal-450); }
.atm-bg-teal-500 { background-color: var(--atm-color-teal-500); }
.atm-bg-teal-550 { background-color: var(--atm-color-teal-550); }
.atm-bg-teal-600 { background-color: var(--atm-color-teal-600); }
.atm-bg-teal-650 { background-color: var(--atm-color-teal-650); }
.atm-bg-teal-700 { background-color: var(--atm-color-teal-700); }
.atm-bg-teal-750 { background-color: var(--atm-color-teal-750); }
.atm-bg-teal-800 { background-color: var(--atm-color-teal-800); }
.atm-bg-teal-850 { background-color: var(--atm-color-teal-850); }
.atm-bg-teal-900 { background-color: var(--atm-color-teal-900); }
.atm-bg-teal-950 { background-color: var(--atm-color-teal-950); }

/* ----------------------- MINT ----------------------- */
.atm-bg-mint { background-color: var(--atm-color-mint); }
.atm-bg-mint-1 { background-color: var(--atm-color-mint-1); }
.atm-bg-mint-50 { background-color: var(--atm-color-mint-50); }
.atm-bg-mint-100 { background-color: var(--atm-color-mint-100); }
.atm-bg-mint-150 { background-color: var(--atm-color-mint-150); }
.atm-bg-mint-200 { background-color: var(--atm-color-mint-200); }
.atm-bg-mint-250 { background-color: var(--atm-color-mint-250); }
.atm-bg-mint-300 { background-color: var(--atm-color-mint-300); }
.atm-bg-mint-350 { background-color: var(--atm-color-mint-350); }
.atm-bg-mint-400 { background-color: var(--atm-color-mint-400); }
.atm-bg-mint-450 { background-color: var(--atm-color-mint-450); }
.atm-bg-mint-500 { background-color: var(--atm-color-mint-500); }
.atm-bg-mint-550 { background-color: var(--atm-color-mint-550); }
.atm-bg-mint-600 { background-color: var(--atm-color-mint-600); }
.atm-bg-mint-650 { background-color: var(--atm-color-mint-650); }
.atm-bg-mint-700 { background-color: var(--atm-color-mint-700); }
.atm-bg-mint-750 { background-color: var(--atm-color-mint-750); }
.atm-bg-mint-800 { background-color: var(--atm-color-mint-800); }
.atm-bg-mint-850 { background-color: var(--atm-color-mint-850); }
.atm-bg-mint-900 { background-color: var(--atm-color-mint-900); }
.atm-bg-mint-950 { background-color: var(--atm-color-mint-950); }

/* ----------------------- GREEN ----------------------- */
.atm-bg-green { background-color: var(--atm-color-green); }
.atm-bg-green-1 { background-color: var(--atm-color-green-1); }
.atm-bg-green-50 { background-color: var(--atm-color-green-50); }
.atm-bg-green-100 { background-color: var(--atm-color-green-100); }
.atm-bg-green-150 { background-color: var(--atm-color-green-150); }
.atm-bg-green-200 { background-color: var(--atm-color-green-200); }
.atm-bg-green-250 { background-color: var(--atm-color-green-250); }
.atm-bg-green-300 { background-color: var(--atm-color-green-300); }
.atm-bg-green-350 { background-color: var(--atm-color-green-350); }
.atm-bg-green-400 { background-color: var(--atm-color-green-400); }
.atm-bg-green-450 { background-color: var(--atm-color-green-450); }
.atm-bg-green-500 { background-color: var(--atm-color-green-500); }
.atm-bg-green-550 { background-color: var(--atm-color-green-550); }
.atm-bg-green-600 { background-color: var(--atm-color-green-600); }
.atm-bg-green-650 { background-color: var(--atm-color-green-650); }
.atm-bg-green-700 { background-color: var(--atm-color-green-700); }
.atm-bg-green-750 { background-color: var(--atm-color-green-750); }
.atm-bg-green-800 { background-color: var(--atm-color-green-800); }
.atm-bg-green-850 { background-color: var(--atm-color-green-850); }
.atm-bg-green-900 { background-color: var(--atm-color-green-900); }
.atm-bg-green-950 { background-color: var(--atm-color-green-950); }

/* ----------------------- OLIVE ----------------------- */
.atm-bg-olive { background-color: var(--atm-color-olive); }
.atm-bg-olive-1 { background-color: var(--atm-color-olive-1); }
.atm-bg-olive-50 { background-color: var(--atm-color-olive-50); }
.atm-bg-olive-100 { background-color: var(--atm-color-olive-100); }
.atm-bg-olive-150 { background-color: var(--atm-color-olive-150); }
.atm-bg-olive-200 { background-color: var(--atm-color-olive-200); }
.atm-bg-olive-250 { background-color: var(--atm-color-olive-250); }
.atm-bg-olive-300 { background-color: var(--atm-color-olive-300); }
.atm-bg-olive-350 { background-color: var(--atm-color-olive-350); }
.atm-bg-olive-400 { background-color: var(--atm-color-olive-400); }
.atm-bg-olive-450 { background-color: var(--atm-color-olive-450); }
.atm-bg-olive-500 { background-color: var(--atm-color-olive-500); }
.atm-bg-olive-550 { background-color: var(--atm-color-olive-550); }
.atm-bg-olive-600 { background-color: var(--atm-color-olive-600); }
.atm-bg-olive-650 { background-color: var(--atm-color-olive-650); }
.atm-bg-olive-700 { background-color: var(--atm-color-olive-700); }
.atm-bg-olive-750 { background-color: var(--atm-color-olive-750); }
.atm-bg-olive-800 { background-color: var(--atm-color-olive-800); }
.atm-bg-olive-850 { background-color: var(--atm-color-olive-850); }
.atm-bg-olive-900 { background-color: var(--atm-color-olive-900); }
.atm-bg-olive-950 { background-color: var(--atm-color-olive-950); }

/* ----------------------- LIME ----------------------- */
.atm-bg-lime { background-color: var(--atm-color-lime); }
.atm-bg-lime-1 { background-color: var(--atm-color-lime-1); }
.atm-bg-lime-50 { background-color: var(--atm-color-lime-50); }
.atm-bg-lime-100 { background-color: var(--atm-color-lime-100); }
.atm-bg-lime-150 { background-color: var(--atm-color-lime-150); }
.atm-bg-lime-200 { background-color: var(--atm-color-lime-200); }
.atm-bg-lime-250 { background-color: var(--atm-color-lime-250); }
.atm-bg-lime-300 { background-color: var(--atm-color-lime-300); }
.atm-bg-lime-350 { background-color: var(--atm-color-lime-350); }
.atm-bg-lime-400 { background-color: var(--atm-color-lime-400); }
.atm-bg-lime-450 { background-color: var(--atm-color-lime-450); }
.atm-bg-lime-500 { background-color: var(--atm-color-lime-500); }
.atm-bg-lime-550 { background-color: var(--atm-color-lime-550); }
.atm-bg-lime-600 { background-color: var(--atm-color-lime-600); }
.atm-bg-lime-650 { background-color: var(--atm-color-lime-650); }
.atm-bg-lime-700 { background-color: var(--atm-color-lime-700); }
.atm-bg-lime-750 { background-color: var(--atm-color-lime-750); }
.atm-bg-lime-800 { background-color: var(--atm-color-lime-800); }
.atm-bg-lime-850 { background-color: var(--atm-color-lime-850); }
.atm-bg-lime-900 { background-color: var(--atm-color-lime-900); }
.atm-bg-lime-950 { background-color: var(--atm-color-lime-950); }

/* ----------------------- YELLOW ----------------------- */
.atm-bg-yellow { background-color: var(--atm-color-yellow); }
.atm-bg-yellow-1 { background-color: var(--atm-color-yellow-1); }
.atm-bg-yellow-50 { background-color: var(--atm-color-yellow-50); }
.atm-bg-yellow-100 { background-color: var(--atm-color-yellow-100); }
.atm-bg-yellow-150 { background-color: var(--atm-color-yellow-150); }
.atm-bg-yellow-200 { background-color: var(--atm-color-yellow-200); }
.atm-bg-yellow-250 { background-color: var(--atm-color-yellow-250); }
.atm-bg-yellow-300 { background-color: var(--atm-color-yellow-300); }
.atm-bg-yellow-350 { background-color: var(--atm-color-yellow-350); }
.atm-bg-yellow-400 { background-color: var(--atm-color-yellow-400); }
.atm-bg-yellow-450 { background-color: var(--atm-color-yellow-450); }
.atm-bg-yellow-500 { background-color: var(--atm-color-yellow-500); }
.atm-bg-yellow-550 { background-color: var(--atm-color-yellow-550); }
.atm-bg-yellow-600 { background-color: var(--atm-color-yellow-600); }
.atm-bg-yellow-650 { background-color: var(--atm-color-yellow-650); }
.atm-bg-yellow-700 { background-color: var(--atm-color-yellow-700); }
.atm-bg-yellow-750 { background-color: var(--atm-color-yellow-750); }
.atm-bg-yellow-800 { background-color: var(--atm-color-yellow-800); }
.atm-bg-yellow-850 { background-color: var(--atm-color-yellow-850); }
.atm-bg-yellow-900 { background-color: var(--atm-color-yellow-900); }
.atm-bg-yellow-950 { background-color: var(--atm-color-yellow-950); }

/* ----------------------- AMBER ----------------------- */
.atm-bg-amber { background-color: var(--atm-color-amber); }
.atm-bg-amber-1 { background-color: var(--atm-color-amber-1); }
.atm-bg-amber-50 { background-color: var(--atm-color-amber-50); }
.atm-bg-amber-100 { background-color: var(--atm-color-amber-100); }
.atm-bg-amber-150 { background-color: var(--atm-color-amber-150); }
.atm-bg-amber-200 { background-color: var(--atm-color-amber-200); }
.atm-bg-amber-250 { background-color: var(--atm-color-amber-250); }
.atm-bg-amber-300 { background-color: var(--atm-color-amber-300); }
.atm-bg-amber-350 { background-color: var(--atm-color-amber-350); }
.atm-bg-amber-400 { background-color: var(--atm-color-amber-400); }
.atm-bg-amber-450 { background-color: var(--atm-color-amber-450); }
.atm-bg-amber-500 { background-color: var(--atm-color-amber-500); }
.atm-bg-amber-550 { background-color: var(--atm-color-amber-550); }
.atm-bg-amber-600 { background-color: var(--atm-color-amber-600); }
.atm-bg-amber-650 { background-color: var(--atm-color-amber-650); }
.atm-bg-amber-700 { background-color: var(--atm-color-amber-700); }
.atm-bg-amber-750 { background-color: var(--atm-color-amber-750); }
.atm-bg-amber-800 { background-color: var(--atm-color-amber-800); }
.atm-bg-amber-850 { background-color: var(--atm-color-amber-850); }
.atm-bg-amber-900 { background-color: var(--atm-color-amber-900); }
.atm-bg-amber-950 { background-color: var(--atm-color-amber-950); }

/* ----------------------- ORANGE ----------------------- */
.atm-bg-orange { background-color: var(--atm-color-orange); }
.atm-bg-orange-1 { background-color: var(--atm-color-orange-1); }
.atm-bg-orange-50 { background-color: var(--atm-color-orange-50); }
.atm-bg-orange-100 { background-color: var(--atm-color-orange-100); }
.atm-bg-orange-150 { background-color: var(--atm-color-orange-150); }
.atm-bg-orange-200 { background-color: var(--atm-color-orange-200); }
.atm-bg-orange-250 { background-color: var(--atm-color-orange-250); }
.atm-bg-orange-300 { background-color: var(--atm-color-orange-300); }
.atm-bg-orange-350 { background-color: var(--atm-color-orange-350); }
.atm-bg-orange-400 { background-color: var(--atm-color-orange-400); }
.atm-bg-orange-450 { background-color: var(--atm-color-orange-450); }
.atm-bg-orange-500 { background-color: var(--atm-color-orange-500); }
.atm-bg-orange-550 { background-color: var(--atm-color-orange-550); }
.atm-bg-orange-600 { background-color: var(--atm-color-orange-600); }
.atm-bg-orange-650 { background-color: var(--atm-color-orange-650); }
.atm-bg-orange-700 { background-color: var(--atm-color-orange-700); }
.atm-bg-orange-750 { background-color: var(--atm-color-orange-750); }
.atm-bg-orange-800 { background-color: var(--atm-color-orange-800); }
.atm-bg-orange-850 { background-color: var(--atm-color-orange-850); }
.atm-bg-orange-900 { background-color: var(--atm-color-orange-900); }
.atm-bg-orange-950 { background-color: var(--atm-color-orange-950); }

/* ----------------------- BROWN ----------------------- */
.atm-bg-brown { background-color: var(--atm-color-brown); }
.atm-bg-brown-1 { background-color: var(--atm-color-brown-1); }
.atm-bg-brown-50 { background-color: var(--atm-color-brown-50); }
.atm-bg-brown-100 { background-color: var(--atm-color-brown-100); }
.atm-bg-brown-150 { background-color: var(--atm-color-brown-150); }
.atm-bg-brown-200 { background-color: var(--atm-color-brown-200); }
.atm-bg-brown-250 { background-color: var(--atm-color-brown-250); }
.atm-bg-brown-300 { background-color: var(--atm-color-brown-300); }
.atm-bg-brown-350 { background-color: var(--atm-color-brown-350); }
.atm-bg-brown-400 { background-color: var(--atm-color-brown-400); }
.atm-bg-brown-450 { background-color: var(--atm-color-brown-450); }
.atm-bg-brown-500 { background-color: var(--atm-color-brown-500); }
.atm-bg-brown-550 { background-color: var(--atm-color-brown-550); }
.atm-bg-brown-600 { background-color: var(--atm-color-brown-600); }
.atm-bg-brown-650 { background-color: var(--atm-color-brown-650); }
.atm-bg-brown-700 { background-color: var(--atm-color-brown-700); }
.atm-bg-brown-750 { background-color: var(--atm-color-brown-750); }
.atm-bg-brown-800 { background-color: var(--atm-color-brown-800); }
.atm-bg-brown-850 { background-color: var(--atm-color-brown-850); }
.atm-bg-brown-900 { background-color: var(--atm-color-brown-900); }
.atm-bg-brown-950 { background-color: var(--atm-color-brown-950); }

/* ----------------------- GRAY ----------------------- */
.atm-bg-gray { background-color: var(--atm-color-gray); }
.atm-bg-gray-1 { background-color: var(--atm-color-gray-1); }
.atm-bg-gray-50 { background-color: var(--atm-color-gray-50); }
.atm-bg-gray-100 { background-color: var(--atm-color-gray-100); }
.atm-bg-gray-150 { background-color: var(--atm-color-gray-150); }
.atm-bg-gray-200 { background-color: var(--atm-color-gray-200); }
.atm-bg-gray-250 { background-color: var(--atm-color-gray-250); }
.atm-bg-gray-300 { background-color: var(--atm-color-gray-300); }
.atm-bg-gray-350 { background-color: var(--atm-color-gray-350); }
.atm-bg-gray-400 { background-color: var(--atm-color-gray-400); }
.atm-bg-gray-450 { background-color: var(--atm-color-gray-450); }
.atm-bg-gray-500 { background-color: var(--atm-color-gray-500); }
.atm-bg-gray-550 { background-color: var(--atm-color-gray-550); }
.atm-bg-gray-600 { background-color: var(--atm-color-gray-600); }
.atm-bg-gray-650 { background-color: var(--atm-color-gray-650); }
.atm-bg-gray-700 { background-color: var(--atm-color-gray-700); }
.atm-bg-gray-750 { background-color: var(--atm-color-gray-750); }
.atm-bg-gray-800 { background-color: var(--atm-color-gray-800); }
.atm-bg-gray-850 { background-color: var(--atm-color-gray-850); }
.atm-bg-gray-900 { background-color: var(--atm-color-gray-900); }
.atm-bg-gray-950 { background-color: var(--atm-color-gray-950); }






/* 
* PARA USAR NAS BORDAS
*/

.atm-bd-white {border-color: var(--atm-color-white);}
.atm-bd-black {border-color: var(--atm-color-black);}

/* ----------------------- RED ----------------------- */
.atm-bd-red {border-color: var(--atm-color-red);}
.atm-bd-red-1 {border-color: var(--atm-color-red-1); }
.atm-bd-red-50 {border-color: var(--atm-color-red-50); }
.atm-bd-red-100 {border-color: var(--atm-color-red-100); }
.atm-bd-red-150 {border-color: var(--atm-color-red-150); }
.atm-bd-red-200 {border-color: var(--atm-color-red-200); }
.atm-bd-red-250 {border-color: var(--atm-color-red-250); }
.atm-bd-red-300 {border-color: var(--atm-color-red-300); }
.atm-bd-red-350 {border-color: var(--atm-color-red-350); }
.atm-bd-red-400 {border-color: var(--atm-color-red-400); }
.atm-bd-red-450 {border-color: var(--atm-color-red-450); }
.atm-bd-red-500 {border-color: var(--atm-color-red-500); }
.atm-bd-red-550 {border-color: var(--atm-color-red-550); }
.atm-bd-red-600 {border-color: var(--atm-color-red-600); }
.atm-bd-red-650 {border-color: var(--atm-color-red-650); }
.atm-bd-red-700 {border-color: var(--atm-color-red-700); }
.atm-bd-red-750 {border-color: var(--atm-color-red-750); }
.atm-bd-red-800 {border-color: var(--atm-color-red-800); }
.atm-bd-red-850 {border-color: var(--atm-color-red-850); }
.atm-bd-red-900 {border-color: var(--atm-color-red-900); }
.atm-bd-red-950 {border-color: var(--atm-color-red-950); }

/* ----------------------- CRIMSON ----------------------- */
.atm-bd-crimson {border-color: var(--atm-color-crimson);}
.atm-bd-crimson-1 {border-color: var(--atm-color-crimson-1); }
.atm-bd-crimson-50 {border-color: var(--atm-color-crimson-50); }
.atm-bd-crimson-100 {border-color: var(--atm-color-crimson-100); }
.atm-bd-crimson-150 {border-color: var(--atm-color-crimson-150); }
.atm-bd-crimson-200 {border-color: var(--atm-color-crimson-200); }
.atm-bd-crimson-250 {border-color: var(--atm-color-crimson-250); }
.atm-bd-crimson-300 {border-color: var(--atm-color-crimson-300); }
.atm-bd-crimson-350 {border-color: var(--atm-color-crimson-350); }
.atm-bd-crimson-400 {border-color: var(--atm-color-crimson-400); }
.atm-bd-crimson-450 {border-color: var(--atm-color-crimson-450); }
.atm-bd-crimson-500 {border-color: var(--atm-color-crimson-500); }
.atm-bd-crimson-550 {border-color: var(--atm-color-crimson-550); }
.atm-bd-crimson-600 {border-color: var(--atm-color-crimson-600); }
.atm-bd-crimson-650 {border-color: var(--atm-color-crimson-650); }
.atm-bd-crimson-700 {border-color: var(--atm-color-crimson-700); }
.atm-bd-crimson-750 {border-color: var(--atm-color-crimson-750); }
.atm-bd-crimson-800 {border-color: var(--atm-color-crimson-800); }
.atm-bd-crimson-850 {border-color: var(--atm-color-crimson-850); }
.atm-bd-crimson-900 {border-color: var(--atm-color-crimson-900); }
.atm-bd-crimson-950 {border-color: var(--atm-color-crimson-950); }

/* ----------------------- PINK ----------------------- */
.atm-bd-pink {border-color: var(--atm-color-pink);}
.atm-bd-pink-1 {border-color: var(--atm-color-pink-1); }
.atm-bd-pink-50 {border-color: var(--atm-color-pink-50); }
.atm-bd-pink-100 {border-color: var(--atm-color-pink-100); }
.atm-bd-pink-150 {border-color: var(--atm-color-pink-150); }
.atm-bd-pink-200 {border-color: var(--atm-color-pink-200); }
.atm-bd-pink-250 {border-color: var(--atm-color-pink-250); }
.atm-bd-pink-300 {border-color: var(--atm-color-pink-300); }
.atm-bd-pink-350 {border-color: var(--atm-color-pink-350); }
.atm-bd-pink-400 {border-color: var(--atm-color-pink-400); }
.atm-bd-pink-450 {border-color: var(--atm-color-pink-450); }
.atm-bd-pink-500 {border-color: var(--atm-color-pink-500); }
.atm-bd-pink-550 {border-color: var(--atm-color-pink-550); }
.atm-bd-pink-600 {border-color: var(--atm-color-pink-600); }
.atm-bd-pink-650 {border-color: var(--atm-color-pink-650); }
.atm-bd-pink-700 {border-color: var(--atm-color-pink-700); }
.atm-bd-pink-750 {border-color: var(--atm-color-pink-750); }
.atm-bd-pink-800 {border-color: var(--atm-color-pink-800); }
.atm-bd-pink-850 {border-color: var(--atm-color-pink-850); }
.atm-bd-pink-900 {border-color: var(--atm-color-pink-900); }
.atm-bd-pink-950 {border-color: var(--atm-color-pink-950); }

/* ----------------------- MAGENTA ----------------------- */
.atm-bd-magenta {border-color: var(--atm-color-magenta);}
.atm-bd-magenta-1 {border-color: var(--atm-color-magenta-1); }
.atm-bd-magenta-50 {border-color: var(--atm-color-magenta-50); }
.atm-bd-magenta-100 {border-color: var(--atm-color-magenta-100); }
.atm-bd-magenta-150 {border-color: var(--atm-color-magenta-150); }
.atm-bd-magenta-200 {border-color: var(--atm-color-magenta-200); }
.atm-bd-magenta-250 {border-color: var(--atm-color-magenta-250); }
.atm-bd-magenta-300 {border-color: var(--atm-color-magenta-300); }
.atm-bd-magenta-350 {border-color: var(--atm-color-magenta-350); }
.atm-bd-magenta-400 {border-color: var(--atm-color-magenta-400); }
.atm-bd-magenta-450 {border-color: var(--atm-color-magenta-450); }
.atm-bd-magenta-500 {border-color: var(--atm-color-magenta-500); }
.atm-bd-magenta-550 {border-color: var(--atm-color-magenta-550); }
.atm-bd-magenta-600 {border-color: var(--atm-color-magenta-600); }
.atm-bd-magenta-650 {border-color: var(--atm-color-magenta-650); }
.atm-bd-magenta-700 {border-color: var(--atm-color-magenta-700); }
.atm-bd-magenta-750 {border-color: var(--atm-color-magenta-750); }
.atm-bd-magenta-800 {border-color: var(--atm-color-magenta-800); }
.atm-bd-magenta-850 {border-color: var(--atm-color-magenta-850); }
.atm-bd-magenta-900 {border-color: var(--atm-color-magenta-900); }
.atm-bd-magenta-950 {border-color: var(--atm-color-magenta-950); }

/* ----------------------- VIOLET ----------------------- */
.atm-bd-violet {border-color: var(--atm-color-violet);}
.atm-bd-violet-1 {border-color: var(--atm-color-violet-1); }
.atm-bd-violet-50 {border-color: var(--atm-color-violet-50); }
.atm-bd-violet-100 {border-color: var(--atm-color-violet-100); }
.atm-bd-violet-150 {border-color: var(--atm-color-violet-150); }
.atm-bd-violet-200 {border-color: var(--atm-color-violet-200); }
.atm-bd-violet-250 {border-color: var(--atm-color-violet-250); }
.atm-bd-violet-300 {border-color: var(--atm-color-violet-300); }
.atm-bd-violet-350 {border-color: var(--atm-color-violet-350); }
.atm-bd-violet-400 {border-color: var(--atm-color-violet-400); }
.atm-bd-violet-450 {border-color: var(--atm-color-violet-450); }
.atm-bd-violet-500 {border-color: var(--atm-color-violet-500); }
.atm-bd-violet-550 {border-color: var(--atm-color-violet-550); }
.atm-bd-violet-600 {border-color: var(--atm-color-violet-600); }
.atm-bd-violet-650 {border-color: var(--atm-color-violet-650); }
.atm-bd-violet-700 {border-color: var(--atm-color-violet-700); }
.atm-bd-violet-750 {border-color: var(--atm-color-violet-750); }
.atm-bd-violet-800 {border-color: var(--atm-color-violet-800); }
.atm-bd-violet-850 {border-color: var(--atm-color-violet-850); }
.atm-bd-violet-900 {border-color: var(--atm-color-violet-900); }
.atm-bd-violet-950 {border-color: var(--atm-color-violet-950); }

/* ----------------------- PURPLE ----------------------- */
.atm-bd-purple {border-color: var(--atm-color-purple);}
.atm-bd-purple-1 {border-color: var(--atm-color-purple-1); }
.atm-bd-purple-50 {border-color: var(--atm-color-purple-50); }
.atm-bd-purple-100 {border-color: var(--atm-color-purple-100); }
.atm-bd-purple-150 {border-color: var(--atm-color-purple-150); }
.atm-bd-purple-200 {border-color: var(--atm-color-purple-200); }
.atm-bd-purple-250 {border-color: var(--atm-color-purple-250); }
.atm-bd-purple-300 {border-color: var(--atm-color-purple-300); }
.atm-bd-purple-350 {border-color: var(--atm-color-purple-350); }
.atm-bd-purple-400 {border-color: var(--atm-color-purple-400); }
.atm-bd-purple-450 {border-color: var(--atm-color-purple-450); }
.atm-bd-purple-500 {border-color: var(--atm-color-purple-500); }
.atm-bd-purple-550 {border-color: var(--atm-color-purple-550); }
.atm-bd-purple-600 {border-color: var(--atm-color-purple-600); }
.atm-bd-purple-650 {border-color: var(--atm-color-purple-650); }
.atm-bd-purple-700 {border-color: var(--atm-color-purple-700); }
.atm-bd-purple-750 {border-color: var(--atm-color-purple-750); }
.atm-bd-purple-800 {border-color: var(--atm-color-purple-800); }
.atm-bd-purple-850 {border-color: var(--atm-color-purple-850); }
.atm-bd-purple-900 {border-color: var(--atm-color-purple-900); }
.atm-bd-purple-950 {border-color: var(--atm-color-purple-950); }

/* ----------------------- INDIGO ----------------------- */
.atm-bd-indigo {border-color: var(--atm-color-indigo);}
.atm-bd-indigo-1 {border-color: var(--atm-color-indigo-1); }
.atm-bd-indigo-50 {border-color: var(--atm-color-indigo-50); }
.atm-bd-indigo-100 {border-color: var(--atm-color-indigo-100); }
.atm-bd-indigo-150 {border-color: var(--atm-color-indigo-150); }
.atm-bd-indigo-200 {border-color: var(--atm-color-indigo-200); }
.atm-bd-indigo-250 {border-color: var(--atm-color-indigo-250); }
.atm-bd-indigo-300 {border-color: var(--atm-color-indigo-300); }
.atm-bd-indigo-350 {border-color: var(--atm-color-indigo-350); }
.atm-bd-indigo-400 {border-color: var(--atm-color-indigo-400); }
.atm-bd-indigo-450 {border-color: var(--atm-color-indigo-450); }
.atm-bd-indigo-500 {border-color: var(--atm-color-indigo-500); }
.atm-bd-indigo-550 {border-color: var(--atm-color-indigo-550); }
.atm-bd-indigo-600 {border-color: var(--atm-color-indigo-600); }
.atm-bd-indigo-650 {border-color: var(--atm-color-indigo-650); }
.atm-bd-indigo-700 {border-color: var(--atm-color-indigo-700); }
.atm-bd-indigo-750 {border-color: var(--atm-color-indigo-750); }
.atm-bd-indigo-800 {border-color: var(--atm-color-indigo-800); }
.atm-bd-indigo-850 {border-color: var(--atm-color-indigo-850); }
.atm-bd-indigo-900 {border-color: var(--atm-color-indigo-900); }
.atm-bd-indigo-950 {border-color: var(--atm-color-indigo-950); }

/* ----------------------- BLUE ----------------------- */
.atm-bd-blue {border-color: var(--atm-color-blue);}
.atm-bd-blue-1 {border-color: var(--atm-color-blue-1); }
.atm-bd-blue-50 {border-color: var(--atm-color-blue-50); }
.atm-bd-blue-100 {border-color: var(--atm-color-blue-100); }
.atm-bd-blue-150 {border-color: var(--atm-color-blue-150); }
.atm-bd-blue-200 {border-color: var(--atm-color-blue-200); }
.atm-bd-blue-250 {border-color: var(--atm-color-blue-250); }
.atm-bd-blue-300 {border-color: var(--atm-color-blue-300); }
.atm-bd-blue-350 {border-color: var(--atm-color-blue-350); }
.atm-bd-blue-400 {border-color: var(--atm-color-blue-400); }
.atm-bd-blue-450 {border-color: var(--atm-color-blue-450); }
.atm-bd-blue-500 {border-color: var(--atm-color-blue-500); }
.atm-bd-blue-550 {border-color: var(--atm-color-blue-550); }
.atm-bd-blue-600 {border-color: var(--atm-color-blue-600); }
.atm-bd-blue-650 {border-color: var(--atm-color-blue-650); }
.atm-bd-blue-700 {border-color: var(--atm-color-blue-700); }
.atm-bd-blue-750 {border-color: var(--atm-color-blue-750); }
.atm-bd-blue-800 {border-color: var(--atm-color-blue-800); }
.atm-bd-blue-850 {border-color: var(--atm-color-blue-850); }
.atm-bd-blue-900 {border-color: var(--atm-color-blue-900); }
.atm-bd-blue-950 {border-color: var(--atm-color-blue-950); }

/* ----------------------- SKY ----------------------- */
.atm-bd-sky {border-color: var(--atm-color-sky);}
.atm-bd-sky-1 {border-color: var(--atm-color-sky-1); }
.atm-bd-sky-50 {border-color: var(--atm-color-sky-50); }
.atm-bd-sky-100 {border-color: var(--atm-color-sky-100); }
.atm-bd-sky-150 {border-color: var(--atm-color-sky-150); }
.atm-bd-sky-200 {border-color: var(--atm-color-sky-200); }
.atm-bd-sky-250 {border-color: var(--atm-color-sky-250); }
.atm-bd-sky-300 {border-color: var(--atm-color-sky-300); }
.atm-bd-sky-350 {border-color: var(--atm-color-sky-350); }
.atm-bd-sky-400 {border-color: var(--atm-color-sky-400); }
.atm-bd-sky-450 {border-color: var(--atm-color-sky-450); }
.atm-bd-sky-500 {border-color: var(--atm-color-sky-500); }
.atm-bd-sky-550 {border-color: var(--atm-color-sky-550); }
.atm-bd-sky-600 {border-color: var(--atm-color-sky-600); }
.atm-bd-sky-650 {border-color: var(--atm-color-sky-650); }
.atm-bd-sky-700 {border-color: var(--atm-color-sky-700); }
.atm-bd-sky-750 {border-color: var(--atm-color-sky-750); }
.atm-bd-sky-800 {border-color: var(--atm-color-sky-800); }
.atm-bd-sky-850 {border-color: var(--atm-color-sky-850); }
.atm-bd-sky-900 {border-color: var(--atm-color-sky-900); }
.atm-bd-sky-950 {border-color: var(--atm-color-sky-950); }

/* ----------------------- CYAN ----------------------- */
.atm-bd-cyan {border-color: var(--atm-color-cyan);}
.atm-bd-cyan-1 {border-color: var(--atm-color-cyan-1); }
.atm-bd-cyan-50 {border-color: var(--atm-color-cyan-50); }
.atm-bd-cyan-100 {border-color: var(--atm-color-cyan-100); }
.atm-bd-cyan-150 {border-color: var(--atm-color-cyan-150); }
.atm-bd-cyan-200 {border-color: var(--atm-color-cyan-200); }
.atm-bd-cyan-250 {border-color: var(--atm-color-cyan-250); }
.atm-bd-cyan-300 {border-color: var(--atm-color-cyan-300); }
.atm-bd-cyan-350 {border-color: var(--atm-color-cyan-350); }
.atm-bd-cyan-400 {border-color: var(--atm-color-cyan-400); }
.atm-bd-cyan-450 {border-color: var(--atm-color-cyan-450); }
.atm-bd-cyan-500 {border-color: var(--atm-color-cyan-500); }
.atm-bd-cyan-550 {border-color: var(--atm-color-cyan-550); }
.atm-bd-cyan-600 {border-color: var(--atm-color-cyan-600); }
.atm-bd-cyan-650 {border-color: var(--atm-color-cyan-650); }
.atm-bd-cyan-700 {border-color: var(--atm-color-cyan-700); }
.atm-bd-cyan-750 {border-color: var(--atm-color-cyan-750); }
.atm-bd-cyan-800 {border-color: var(--atm-color-cyan-800); }
.atm-bd-cyan-850 {border-color: var(--atm-color-cyan-850); }
.atm-bd-cyan-900 {border-color: var(--atm-color-cyan-900); }
.atm-bd-cyan-950 {border-color: var(--atm-color-cyan-950); }

/* ----------------------- TEAL ----------------------- */
.atm-bd-teal {border-color: var(--atm-color-teal);}
.atm-bd-teal-1 {border-color: var(--atm-color-teal-1); }
.atm-bd-teal-50 {border-color: var(--atm-color-teal-50); }
.atm-bd-teal-100 {border-color: var(--atm-color-teal-100); }
.atm-bd-teal-150 {border-color: var(--atm-color-teal-150); }
.atm-bd-teal-200 {border-color: var(--atm-color-teal-200); }
.atm-bd-teal-250 {border-color: var(--atm-color-teal-250); }
.atm-bd-teal-300 {border-color: var(--atm-color-teal-300); }
.atm-bd-teal-350 {border-color: var(--atm-color-teal-350); }
.atm-bd-teal-400 {border-color: var(--atm-color-teal-400); }
.atm-bd-teal-450 {border-color: var(--atm-color-teal-450); }
.atm-bd-teal-500 {border-color: var(--atm-color-teal-500); }
.atm-bd-teal-550 {border-color: var(--atm-color-teal-550); }
.atm-bd-teal-600 {border-color: var(--atm-color-teal-600); }
.atm-bd-teal-650 {border-color: var(--atm-color-teal-650); }
.atm-bd-teal-700 {border-color: var(--atm-color-teal-700); }
.atm-bd-teal-750 {border-color: var(--atm-color-teal-750); }
.atm-bd-teal-800 {border-color: var(--atm-color-teal-800); }
.atm-bd-teal-850 {border-color: var(--atm-color-teal-850); }
.atm-bd-teal-900 {border-color: var(--atm-color-teal-900); }
.atm-bd-teal-950 {border-color: var(--atm-color-teal-950); }

/* ----------------------- MINT ----------------------- */
.atm-bd-mint {border-color: var(--atm-color-mint);}
.atm-bd-mint-1 {border-color: var(--atm-color-mint-1); }
.atm-bd-mint-50 {border-color: var(--atm-color-mint-50); }
.atm-bd-mint-100 {border-color: var(--atm-color-mint-100); }
.atm-bd-mint-150 {border-color: var(--atm-color-mint-150); }
.atm-bd-mint-200 {border-color: var(--atm-color-mint-200); }
.atm-bd-mint-250 {border-color: var(--atm-color-mint-250); }
.atm-bd-mint-300 {border-color: var(--atm-color-mint-300); }
.atm-bd-mint-350 {border-color: var(--atm-color-mint-350); }
.atm-bd-mint-400 {border-color: var(--atm-color-mint-400); }
.atm-bd-mint-450 {border-color: var(--atm-color-mint-450); }
.atm-bd-mint-500 {border-color: var(--atm-color-mint-500); }
.atm-bd-mint-550 {border-color: var(--atm-color-mint-550); }
.atm-bd-mint-600 {border-color: var(--atm-color-mint-600); }
.atm-bd-mint-650 {border-color: var(--atm-color-mint-650); }
.atm-bd-mint-700 {border-color: var(--atm-color-mint-700); }
.atm-bd-mint-750 {border-color: var(--atm-color-mint-750); }
.atm-bd-mint-800 {border-color: var(--atm-color-mint-800); }
.atm-bd-mint-850 {border-color: var(--atm-color-mint-850); }
.atm-bd-mint-900 {border-color: var(--atm-color-mint-900); }
.atm-bd-mint-950 {border-color: var(--atm-color-mint-950); }

/* ----------------------- GREEN ----------------------- */
.atm-bd-green {border-color: var(--atm-color-green);}
.atm-bd-green-1 {border-color: var(--atm-color-green-1); }
.atm-bd-green-50 {border-color: var(--atm-color-green-50); }
.atm-bd-green-100 {border-color: var(--atm-color-green-100); }
.atm-bd-green-150 {border-color: var(--atm-color-green-150); }
.atm-bd-green-200 {border-color: var(--atm-color-green-200); }
.atm-bd-green-250 {border-color: var(--atm-color-green-250); }
.atm-bd-green-300 {border-color: var(--atm-color-green-300); }
.atm-bd-green-350 {border-color: var(--atm-color-green-350); }
.atm-bd-green-400 {border-color: var(--atm-color-green-400); }
.atm-bd-green-450 {border-color: var(--atm-color-green-450); }
.atm-bd-green-500 {border-color: var(--atm-color-green-500); }
.atm-bd-green-550 {border-color: var(--atm-color-green-550); }
.atm-bd-green-600 {border-color: var(--atm-color-green-600); }
.atm-bd-green-650 {border-color: var(--atm-color-green-650); }
.atm-bd-green-700 {border-color: var(--atm-color-green-700); }
.atm-bd-green-750 {border-color: var(--atm-color-green-750); }
.atm-bd-green-800 {border-color: var(--atm-color-green-800); }
.atm-bd-green-850 {border-color: var(--atm-color-green-850); }
.atm-bd-green-900 {border-color: var(--atm-color-green-900); }
.atm-bd-green-950 {border-color: var(--atm-color-green-950); }

/* ----------------------- OLIVE ----------------------- */
.atm-bd-olive {border-color: var(--atm-color-olive);}
.atm-bd-olive-1 {border-color: var(--atm-color-olive-1); }
.atm-bd-olive-50 {border-color: var(--atm-color-olive-50); }
.atm-bd-olive-100 {border-color: var(--atm-color-olive-100); }
.atm-bd-olive-150 {border-color: var(--atm-color-olive-150); }
.atm-bd-olive-200 {border-color: var(--atm-color-olive-200); }
.atm-bd-olive-250 {border-color: var(--atm-color-olive-250); }
.atm-bd-olive-300 {border-color: var(--atm-color-olive-300); }
.atm-bd-olive-350 {border-color: var(--atm-color-olive-350); }
.atm-bd-olive-400 {border-color: var(--atm-color-olive-400); }
.atm-bd-olive-450 {border-color: var(--atm-color-olive-450); }
.atm-bd-olive-500 {border-color: var(--atm-color-olive-500); }
.atm-bd-olive-550 {border-color: var(--atm-color-olive-550); }
.atm-bd-olive-600 {border-color: var(--atm-color-olive-600); }
.atm-bd-olive-650 {border-color: var(--atm-color-olive-650); }
.atm-bd-olive-700 {border-color: var(--atm-color-olive-700); }
.atm-bd-olive-750 {border-color: var(--atm-color-olive-750); }
.atm-bd-olive-800 {border-color: var(--atm-color-olive-800); }
.atm-bd-olive-850 {border-color: var(--atm-color-olive-850); }
.atm-bd-olive-900 {border-color: var(--atm-color-olive-900); }
.atm-bd-olive-950 {border-color: var(--atm-color-olive-950); }

/* ----------------------- LIME ----------------------- */
.atm-bd-lime {border-color: var(--atm-color-lime);}
.atm-bd-lime-1 {border-color: var(--atm-color-lime-1); }
.atm-bd-lime-50 {border-color: var(--atm-color-lime-50); }
.atm-bd-lime-100 {border-color: var(--atm-color-lime-100); }
.atm-bd-lime-150 {border-color: var(--atm-color-lime-150); }
.atm-bd-lime-200 {border-color: var(--atm-color-lime-200); }
.atm-bd-lime-250 {border-color: var(--atm-color-lime-250); }
.atm-bd-lime-300 {border-color: var(--atm-color-lime-300); }
.atm-bd-lime-350 {border-color: var(--atm-color-lime-350); }
.atm-bd-lime-400 {border-color: var(--atm-color-lime-400); }
.atm-bd-lime-450 {border-color: var(--atm-color-lime-450); }
.atm-bd-lime-500 {border-color: var(--atm-color-lime-500); }
.atm-bd-lime-550 {border-color: var(--atm-color-lime-550); }
.atm-bd-lime-600 {border-color: var(--atm-color-lime-600); }
.atm-bd-lime-650 {border-color: var(--atm-color-lime-650); }
.atm-bd-lime-700 {border-color: var(--atm-color-lime-700); }
.atm-bd-lime-750 {border-color: var(--atm-color-lime-750); }
.atm-bd-lime-800 {border-color: var(--atm-color-lime-800); }
.atm-bd-lime-850 {border-color: var(--atm-color-lime-850); }
.atm-bd-lime-900 {border-color: var(--atm-color-lime-900); }
.atm-bd-lime-950 {border-color: var(--atm-color-lime-950); }

/* ----------------------- YELLOW ----------------------- */
.atm-bd-yellow {border-color: var(--atm-color-yellow);}
.atm-bd-yellow-1 {border-color: var(--atm-color-yellow-1); }
.atm-bd-yellow-50 {border-color: var(--atm-color-yellow-50); }
.atm-bd-yellow-100 {border-color: var(--atm-color-yellow-100); }
.atm-bd-yellow-150 {border-color: var(--atm-color-yellow-150); }
.atm-bd-yellow-200 {border-color: var(--atm-color-yellow-200); }
.atm-bd-yellow-250 {border-color: var(--atm-color-yellow-250); }
.atm-bd-yellow-300 {border-color: var(--atm-color-yellow-300); }
.atm-bd-yellow-350 {border-color: var(--atm-color-yellow-350); }
.atm-bd-yellow-400 {border-color: var(--atm-color-yellow-400); }
.atm-bd-yellow-450 {border-color: var(--atm-color-yellow-450); }
.atm-bd-yellow-500 {border-color: var(--atm-color-yellow-500); }
.atm-bd-yellow-550 {border-color: var(--atm-color-yellow-550); }
.atm-bd-yellow-600 {border-color: var(--atm-color-yellow-600); }
.atm-bd-yellow-650 {border-color: var(--atm-color-yellow-650); }
.atm-bd-yellow-700 {border-color: var(--atm-color-yellow-700); }
.atm-bd-yellow-750 {border-color: var(--atm-color-yellow-750); }
.atm-bd-yellow-800 {border-color: var(--atm-color-yellow-800); }
.atm-bd-yellow-850 {border-color: var(--atm-color-yellow-850); }
.atm-bd-yellow-900 {border-color: var(--atm-color-yellow-900); }
.atm-bd-yellow-950 {border-color: var(--atm-color-yellow-950); }

/* ----------------------- AMBER ----------------------- */
.atm-bd-amber {border-color: var(--atm-color-amber);}
.atm-bd-amber-1 {border-color: var(--atm-color-amber-1); }
.atm-bd-amber-50 {border-color: var(--atm-color-amber-50); }
.atm-bd-amber-100 {border-color: var(--atm-color-amber-100); }
.atm-bd-amber-150 {border-color: var(--atm-color-amber-150); }
.atm-bd-amber-200 {border-color: var(--atm-color-amber-200); }
.atm-bd-amber-250 {border-color: var(--atm-color-amber-250); }
.atm-bd-amber-300 {border-color: var(--atm-color-amber-300); }
.atm-bd-amber-350 {border-color: var(--atm-color-amber-350); }
.atm-bd-amber-400 {border-color: var(--atm-color-amber-400); }
.atm-bd-amber-450 {border-color: var(--atm-color-amber-450); }
.atm-bd-amber-500 {border-color: var(--atm-color-amber-500); }
.atm-bd-amber-550 {border-color: var(--atm-color-amber-550); }
.atm-bd-amber-600 {border-color: var(--atm-color-amber-600); }
.atm-bd-amber-650 {border-color: var(--atm-color-amber-650); }
.atm-bd-amber-700 {border-color: var(--atm-color-amber-700); }
.atm-bd-amber-750 {border-color: var(--atm-color-amber-750); }
.atm-bd-amber-800 {border-color: var(--atm-color-amber-800); }
.atm-bd-amber-850 {border-color: var(--atm-color-amber-850); }
.atm-bd-amber-900 {border-color: var(--atm-color-amber-900); }
.atm-bd-amber-950 {border-color: var(--atm-color-amber-950); }

/* ----------------------- ORANGE ----------------------- */
.atm-bd-orange {border-color: var(--atm-color-orange);}
.atm-bd-orange-1 {border-color: var(--atm-color-orange-1); }
.atm-bd-orange-50 {border-color: var(--atm-color-orange-50); }
.atm-bd-orange-100 {border-color: var(--atm-color-orange-100); }
.atm-bd-orange-150 {border-color: var(--atm-color-orange-150); }
.atm-bd-orange-200 {border-color: var(--atm-color-orange-200); }
.atm-bd-orange-250 {border-color: var(--atm-color-orange-250); }
.atm-bd-orange-300 {border-color: var(--atm-color-orange-300); }
.atm-bd-orange-350 {border-color: var(--atm-color-orange-350); }
.atm-bd-orange-400 {border-color: var(--atm-color-orange-400); }
.atm-bd-orange-450 {border-color: var(--atm-color-orange-450); }
.atm-bd-orange-500 {border-color: var(--atm-color-orange-500); }
.atm-bd-orange-550 {border-color: var(--atm-color-orange-550); }
.atm-bd-orange-600 {border-color: var(--atm-color-orange-600); }
.atm-bd-orange-650 {border-color: var(--atm-color-orange-650); }
.atm-bd-orange-700 {border-color: var(--atm-color-orange-700); }
.atm-bd-orange-750 {border-color: var(--atm-color-orange-750); }
.atm-bd-orange-800 {border-color: var(--atm-color-orange-800); }
.atm-bd-orange-850 {border-color: var(--atm-color-orange-850); }
.atm-bd-orange-900 {border-color: var(--atm-color-orange-900); }
.atm-bd-orange-950 {border-color: var(--atm-color-orange-950); }

/* ----------------------- BROWN ----------------------- */
.atm-bd-brown {border-color: var(--atm-color-brown);}
.atm-bd-brown-1 {border-color: var(--atm-color-brown-1); }
.atm-bd-brown-50 {border-color: var(--atm-color-brown-50); }
.atm-bd-brown-100 {border-color: var(--atm-color-brown-100); }
.atm-bd-brown-150 {border-color: var(--atm-color-brown-150); }
.atm-bd-brown-200 {border-color: var(--atm-color-brown-200); }
.atm-bd-brown-250 {border-color: var(--atm-color-brown-250); }
.atm-bd-brown-300 {border-color: var(--atm-color-brown-300); }
.atm-bd-brown-350 {border-color: var(--atm-color-brown-350); }
.atm-bd-brown-400 {border-color: var(--atm-color-brown-400); }
.atm-bd-brown-450 {border-color: var(--atm-color-brown-450); }
.atm-bd-brown-500 {border-color: var(--atm-color-brown-500); }
.atm-bd-brown-550 {border-color: var(--atm-color-brown-550); }
.atm-bd-brown-600 {border-color: var(--atm-color-brown-600); }
.atm-bd-brown-650 {border-color: var(--atm-color-brown-650); }
.atm-bd-brown-700 {border-color: var(--atm-color-brown-700); }
.atm-bd-brown-750 {border-color: var(--atm-color-brown-750); }
.atm-bd-brown-800 {border-color: var(--atm-color-brown-800); }
.atm-bd-brown-850 {border-color: var(--atm-color-brown-850); }
.atm-bd-brown-900 {border-color: var(--atm-color-brown-900); }
.atm-bd-brown-950 {border-color: var(--atm-color-brown-950); }

/* ----------------------- GRAY ----------------------- */
.atm-bd-gray {border-color: var(--atm-color-gray); }
.atm-bd-gray-1 {border-color: var(--atm-color-gray-1);}
.atm-bd-gray-50 {border-color: var(--atm-color-gray-50);}
.atm-bd-gray-100 {border-color: var(--atm-color-gray-100); }
.atm-bd-gray-150 {border-color: var(--atm-color-gray-150); }
.atm-bd-gray-200 {border-color: var(--atm-color-gray-200); }
.atm-bd-gray-250 {border-color: var(--atm-color-gray-250); }
.atm-bd-gray-300 {border-color: var(--atm-color-gray-300); }
.atm-bd-gray-350 {border-color: var(--atm-color-gray-350); }
.atm-bd-gray-400 {border-color: var(--atm-color-gray-400); }
.atm-bd-gray-450 {border-color: var(--atm-color-gray-450); }
.atm-bd-gray-500 {border-color: var(--atm-color-gray-500); }
.atm-bd-gray-550 {border-color: var(--atm-color-gray-550); }
.atm-bd-gray-600 {border-color: var(--atm-color-gray-600); }
.atm-bd-gray-650 {border-color: var(--atm-color-gray-650); }
.atm-bd-gray-700 {border-color: var(--atm-color-gray-700); }
.atm-bd-gray-750 {border-color: var(--atm-color-gray-750); }
.atm-bd-gray-800 {border-color: var(--atm-color-gray-800); }
.atm-bd-gray-850 {border-color: var(--atm-color-gray-850); }
.atm-bd-gray-900 {border-color: var(--atm-color-gray-900); }
.atm-bd-gray-950 {border-color: var(--atm-color-gray-950); }



