mscolor.sass

@mixin dark($color)
  background-color: $color
  color: #ffffff

@mixin neutral($color)
  background-color: $color

@mixin light($color)
  background-color: $color
  color: #000000


.ms-color-1
  &.darker-3,
  .darker-3
    @include dark(#750B1C)
  &.darker-2,
  .darker-2
    @include dark(#A80000)
  &.darker-1,
  .darker-1
    @include dark(#C50F1F)
  &.neutral,
  .neutral
    @include neutral(#E81123)
  &.lighter-1,
  .lighter-1
    @include light(#E74856)
  &.lighter-2,
  .lighter-2
    @include light(#E6808A)
  &.lighter-3,
  .lighter-3
    @include light(#F4ABBA)

.ms-color-2
  &.darker-3,
  .darker-3
    @include dark(#7F1D10)
  &.darker-2,
  .darker-2
    @include dark(#A52613)
  &.darker-1,
  .darker-1
    @include neutral(#DA3B01)
  &.neutral,
  .neutral
    @include light(#F03A17)
  &.lighter-1,
  .lighter-1
    @include light(#EF6950)
  &.lighter-2,
  .lighter-2
    @include light(#EF6950)
  &.lighter-3,
  .lighter-3
    @include light(#EEC7C2)

.ms-color-3
  &.darker-3,
  .darker-3
    @include dark(#7F2F08)
  &.darker-2,
  .darker-2
    @include dark(#A74109)
  &.darker-1,
  .darker-1
    @include neutral(#CA5010)
  &.neutral,
  .neutral
    @include light(#F7630C)
  &.lighter-1,
  .lighter-1
    @include light(#F7894A)
  &.lighter-2,
  .lighter-2
    @include light(#F7B189)
  &.lighter-3,
  .lighter-3
    @include light(#F2D5C9)

.ms-color-4
  &.darker-3,
  .darker-3
    @include dark(#7F4200)
  &.darker-2,
  .darker-2
    @include neutral(#B05E0D)
  &.darker-1,
  .darker-1
    @include light(#D47300)
  &.neutral,
  .neutral
    @include light(#FF8C00)
  &.lighter-1,
  .lighter-1
    @include light(#FFAA44)
  &.lighter-2,
  .lighter-2
    @include light(#FFC988)
  &.lighter-3,
  .lighter-3
    @include light(#FFDABB)

.ms-color-5
  &.darker-3,
  .darker-3
    @include neutral(#AB620D)
  &.darker-2,
  .darker-2
    @include light(#D48C00)
  &.darker-1,
  .darker-1
    @include light(#EAA300)
  &.neutral,
  .neutral
    @include light(#FFB900)
  &.lighter-1,
  .lighter-1
    @include light(#FFC83D)
  &.lighter-2,
  .lighter-2
    @include light(#FFD679)
  &.lighter-3,
  .lighter-3
    @include light(#FFE5B6)

.ms-color-6
  &.darker-3,
  .darker-3
    @include neutral(#986F0B)
  &.darker-2,
  .darker-2
    @include light(#C19C00)
  &.darker-1,
  .darker-1
    @include light(#DFBE00)
  &.neutral,
  .neutral
    @include light(#FCE100)
  &.lighter-1,
  .lighter-1
    @include light(#FFF100)
  &.lighter-2,
  .lighter-2
    @include light(#FAEC6E)
  &.lighter-3,
  .lighter-3
    @include light(#F9F1A5)

.ms-color-7
  &.darker-3,
  .darker-3
    @include light(#73AA24)
  &.darker-2,
  .darker-2
    @include light(#8CBD18)
  &.darker-1,
  .darker-1
    @include light(#A4CF0C)
  &.neutral,
  .neutral
    @include light(#BAD80A)
  &.lighter-1,
  .lighter-1
    @include light(#D1EC3C)
  &.lighter-2,
  .lighter-2
    @include light(#E4F577)
  &.lighter-3,
  .lighter-3
    @include light(#F8FFB3)

.ms-color-8
  &.darker-3,
  .darker-3
    @include neutral(#498205)
  &.darker-2,
  .darker-2
    @include light(#599B00)
  &.darker-1,
  .darker-1
    @include light(#6BB700)
  &.neutral,
  .neutral
    @include light(#7CD300)
  &.lighter-1,
  .lighter-1
    @include light(#9AD93A)
  &.lighter-2,
  .lighter-2
    @include light(#B7DF74)
  &.lighter-3,
  .lighter-3
    @include light(#D5E5AE)

.ms-color-9
  &.darker-3,
  .darker-3
    @include dark(#0B6A0B)
  &.darker-2,
  .darker-2
    @include dark(#107C10)
  &.darker-1,
  .darker-1
    @include light(#13A10E)
  &.neutral,
  .neutral
    @include light(#16C60C)
  &.lighter-1,
  .lighter-1
    @include light(#47D041)
  &.lighter-2,
  .lighter-2
    @include light(#79DB75)
  &.lighter-3,
  .lighter-3
    @include light(#AAE5AA)

.ms-color-10
  &.darker-3,
  .darker-3
    @include dark(#00722E)
  &.darker-2,
  .darker-2
    @include neutral(#10893E)
  &.darker-1,
  .darker-1
    @include light(#00AE56)
  &.neutral,
  .neutral
    @include light(#00CC6A)
  &.lighter-1,
  .lighter-1
    @include light(#38D487)
  &.lighter-2,
  .lighter-2
    @include light(#70DDA5)
  &.lighter-3,
  .lighter-3
    @include light(#A8E5C2)

.ms-color-11
  &.darker-3,
  .darker-3
    @include dark(#005E50)
  &.darker-2,
  .darker-2
    @include dark(#008272)
  &.darker-1,
  .darker-1
    @include light(#00B294)
  &.neutral,
  .neutral
    @include light(#00CEA6)
  &.lighter-1,
  .lighter-1
    @include light(#41DABC)
  &.lighter-2,
  .lighter-2
    @include light(#81E6D3)
  &.lighter-3,
  .lighter-3
    @include light(#C2F2E9)

.ms-color-12
  &.darker-3,
  .darker-3
    @include dark(#006666)
  &.darker-2,
  .darker-2
    @include dark(#038387)
  &.darker-1,
  .darker-1
    @include light(#009CA4)
  &.neutral,
  .neutral
    @include light(#00B7C3)
  &.lighter-1,
  .lighter-1
    @include light(#30C6CC)
  &.lighter-2,
  .lighter-2
    @include light(#61D6D6)
  &.lighter-3,
  .lighter-3
    @include light(#91E5DF)

.ms-color-13
  &.darker-3,
  .darker-3
    @include dark(#005B70)
  &.darker-2,
  .darker-2
    @include dark(#006F94)
  &.darker-1,
  .darker-1
    @include light(#0099BC)
  &.neutral,
  .neutral
    @include light(#00BCF2)
  &.lighter-1,
  .lighter-1
    @include light(#31D2F7)
  &.lighter-2,
  .lighter-2
    @include light(#69EAFF)
  &.lighter-3,
  .lighter-3
    @include light(#99ECFF)

.ms-color-14
  &.darker-3,
  .darker-3
    @include dark(#003966)
  &.darker-2,
  .darker-2
    @include dark(#004E8C)
  &.darker-1,
  .darker-1
    @include dark(#0063B1)
  &.neutral,
  .neutral
    @include neutral(#0078D7)
  &.lighter-1,
  .lighter-1
    @include light(#3A96DD)
  &.lighter-2,
  .lighter-2
    @include light(#83BEEC)
  &.lighter-3,
  .lighter-3
    @include light(#B3DBF2)

.ms-color-15
  &.darker-3,
  .darker-3
    @include dark(#00188F)
  &.darker-2,
  .darker-2
    @include dark(#0027B4)
  &.darker-1,
  .darker-1
    @include dark(#0037DA)
  &.neutral,
  .neutral
    @include dark(#0046FF)
  &.lighter-1,
  .lighter-1
    @include light(#3B78FF)
  &.lighter-2,
  .lighter-2
    @include light(#7BA7FF)
  &.lighter-3,
  .lighter-3
    @include light(#ABC9ED)

.ms-color-16
  &.darker-3,
  .darker-3
    @include dark(#11255E)
  &.darker-2,
  .darker-2
    @include dark(#19318D)
  &.darker-1,
  .darker-1
    @include dark(#203DBD)
  &.neutral,
  .neutral
    @include dark(#2849EC)
  &.lighter-1,
  .lighter-1
    @include neutral(#4F6BED)
  &.lighter-2,
  .lighter-2
    @include light(#7C96F9)
  &.lighter-3,
  .lighter-3
    @include light(#A6BDFF)

.ms-color-17
  &.darker-3,
  .darker-3
    @include dark(#242466)
  &.darker-2,
  .darker-2
    @include dark(#32318C)
  &.darker-1,
  .darker-1
    @include dark(#413EB3)
  &.neutral,
  .neutral
    @include dark(#4F4BD9)
  &.lighter-1,
  .lighter-1
    @include neutral(#6B69D6)
  &.lighter-2,
  .lighter-2
    // unset
  &.lighter-3,
  .lighter-3
    @include light(#BEBEE5)

.ms-color-18
  &.darker-3,
  .darker-3
    @include dark(#373277)
  &.darker-2,
  .darker-2
    @include dark(#49409A)
  &.darker-1,
  .darker-1
    @include dark(#5A4EBC)
  &.neutral,
  .neutral
    @include neutral(#7160E8)
  &.lighter-1,
  .lighter-1
    @include light(#8378DE)
  &.lighter-2,
  .lighter-2
    // unset
  &.lighter-3,
  .lighter-3
    @include light(#B5B5E2)

.ms-color-19
  &.darker-3,
  .darker-3
    @include dark(#49397A)
  &.darker-2,
  .darker-2
    @include dark(#5E4A9D)
  &.darker-1,
  .darker-1
    @include dark(#735BC1)
  &.neutral,
  .neutral
    @include light(#886CE4)
  &.lighter-1,
  .lighter-1
    @include light(#9C89E9)
  &.lighter-2,
  .lighter-2
    // unset
  &.lighter-3,
  .lighter-3
    @include light(#C3C3F4)

.ms-color-20
  &.darker-3,
  .darker-3
    @include dark(#401B6C)
  &.darker-2,
  .darker-2
    @include dark(#4E257F)
  &.darker-1,
  .darker-1
    @include dark(#5C2E91)
  &.neutral,
  .neutral
    @include dark(#744DA9)
  &.lighter-1,
  .lighter-1
    @include neutral(#8764B8)
  &.lighter-2,
  .lighter-2
    // unset
  &.lighter-3,
  .lighter-3
    @include light(#CFC4F5)

.ms-color-21
  &.darker-3,
  .darker-3
    @include dark(#460F54)
  &.darker-2,
  .darker-2
    @include dark(#5C126B)
  &.darker-1,
  .darker-1
    @include dark(#721481)
  &.neutral,
  .neutral
    @include dark(#881798)
  &.lighter-1,
  .lighter-1
    @include neutral(#B146C2)
  &.lighter-2,
  .lighter-2
    // unset
  &.lighter-3,
  .lighter-3
    @include light(#DEA2ED)

.ms-color-22
  &.darker-3,
  .darker-3
    @include dark(#5C005C)
  &.darker-2,
  .darker-2
    @include dark(#800074)
  &.darker-1,
  .darker-1
    @include dark(#9A0089)
  &.neutral,
  .neutral
    @include dark(#B4009E)
  &.lighter-1,
  .lighter-1
    @include neutral(#C239B3)
  &.lighter-2,
  .lighter-2
    // unset
  &.lighter-3,
  .lighter-3
    @include light(#DE94E0)

.ms-color-23
  &.darker-3,
  .darker-3
    @include dark(#77004D)
  &.darker-2,
  .darker-2
    @include dark(#9B0062)
  &.darker-1,
  .darker-1
    @include dark(#BF0077)
  &.neutral,
  .neutral
    @include neutral(#E3008C)
  &.lighter-1,
  .lighter-1
    @include light(#E43BA6)
  &.lighter-2,
  .lighter-2
    // unset
  &.lighter-3,
  .lighter-3
    @include light(#E8A3DE)

.ms-color-24
  &.darker-3,
  .darker-3
    @include dark(#6B0036)
  &.darker-2,
  .darker-2
    @include dark(#970044)
  &.darker-1,
  .darker-1
    @include dark(#C30052)
  &.neutral,
  .neutral
    @include neutral(#EA005E)
  &.lighter-1,
  .lighter-1
    @include light(#EE3F86)
  &.lighter-2,
  .lighter-2
    // unset
  &.lighter-3,
  .lighter-3
    @include light(#EDBED3)

.ms-color-25
  &.darker-3,
  .darker-3
    @include dark(#761721)
  &.darker-2,
  .darker-2
    @include dark(#A4262C)
  &.darker-1,
  .darker-1
    @include dark(#D13438)
  &.neutral,
  .neutral
    @include dark(#FF4343)
  &.lighter-1,
  .lighter-1
    @include light(#FF6767)
  &.lighter-2,
  .lighter-2
    @include light(#FF8C8C)
  &.lighter-3,
  .lighter-3
    @include light(#FFC0C0)

.ms-color-26
  &.darker-3,
  .darker-3
    @include dark(#4D291C)
  &.darker-2,
  .darker-2
    @include dark(#603D30)
  &.darker-1,
  .darker-1
    @include dark(#8E562E)
  &.neutral,
  .neutral
    @include dark(#AC744C)
  &.lighter-1,
  .lighter-1
    @include light(#BB9167)
  &.lighter-2,
  .lighter-2
    @include light(#D8B094)
  &.lighter-3,
  .lighter-3
    @include light(#F7D7C4)

.ms-color-27
  &.darker-3,
  .darker-3
    @include dark(#2D3F3A)
  &.darker-2,
  .darker-2
    @include dark(#3B534D)
  &.darker-1,
  .darker-1
    @include dark(#486860)
  &.neutral,
  .neutral
    @include neutral(#567C73)
  &.lighter-1,
  .lighter-1
    @include light(#7D9D95)
  &.lighter-2,
  .lighter-2
    @include light(#A3BFB7)
  &.lighter-3,
  .lighter-3
    @include light(#CAE0D9)

.ms-color-28
  &.darker-3,
  .darker-3
    @include dark(#394146)
  &.darker-2,
  .darker-2
    @include dark(#4A5459)
  &.darker-1,
  .darker-1
    @include dark(#5A686C)
  &.neutral,
  .neutral
    @include neutral(#69797E)
  &.lighter-1,
  .lighter-1
    @include light(#859599)
  &.lighter-2,
  .lighter-2
    @include light(#A0AEB2)
  &.lighter-3,
  .lighter-3
    @include light(#BAC8CC)

.ms-color-29
  &.darker-3,
  .darker-3
    @include dark(#4C4A48)
  &.darker-2,
  .darker-2
    @include dark(#5D5A58)
  &.darker-1,
  .darker-1
    @include dark(#6E6A68)
  &.neutral,
  .neutral
    @include neutral(#7A7574)
  &.lighter-1,
  .lighter-1
    @include light(#989391)
  &.lighter-2,
  .lighter-2
    @include light(#B1ADAB)
  &.lighter-3,
  .lighter-3
    @include light(#CBC6C4)

.ms-color-30
  &.darker-3,
  .darker-3
    @include dark(#1F1F1F)
  &.darker-2,
  .darker-2
    @include dark(#2B2B2B)
  &.darker-1,
  .darker-1
    @include dark(#393939)
  &.neutral,
  .neutral
    @include neutral(#767676)
  &.lighter-1,
  .lighter-1
    @include light(#CCCCCC)
  &.lighter-2,
  .lighter-2
    @include light(#E6E6E6)
  &.lighter-3,
  .lighter-3
    @include light(#F2F2F2)