// SCSS color map

$colors: (
  main: (
    1: hsl( 65, 7%, 86%),
    2: hsl( 65, 7%, 79%),
    3: hsl( 65, 7%, 71%),
    4: hsl( 65, 7%, 50%), //
    5: hsl( 65, 7%, 39%),
    6: hsl( 65, 7%, 16%),
    7: hsl( 65, 7%, 12%),
  ),
  prime: (
    1: hsl(260, 99%, 84%),
    2: hsl(260, 99%, 77%),
    3: hsl(260, 99%, 72%),
    4: hsl(260, 80%, 60%), //
    5: hsl(260, 50%, 55%),
    6: hsl(260, 50%, 45%),
    7: hsl(260, 50%, 35%),
  ),
  accent: (
    1: hsl(190, 90%, 70%),
    2: hsl(190, 90%, 65%),
    3: hsl(190, 90%, 50%),
    4: hsl(190, 90%, 40%), //
    5: hsl(190, 90%, 32%),
    6: hsl(190, 90%, 24%),
    7: hsl(190, 90%, 18%),
  ),
  warn: (
    1: hsl( 55, 60%, 55%),
    2: hsl( 55, 60%, 49%),
    3: hsl( 55, 70%, 44%),
    4: hsl( 55, 90%, 40%), //
    5: hsl( 55, 90%, 30%),
    6: hsl( 55, 80%, 22%),
    7: hsl( 55, 60%, 15%),
  ),
  danger: (
    1: hsl( 34, 99%, 70%),
    2: hsl( 34, 99%, 60%),
    3: hsl( 34, 99%, 50%),
    4: hsl(  5, 80%, 40%), //
    5: hsl(  5, 60%, 30%),
    6: hsl(  5, 60%, 25%),
    7: hsl(  5, 60%, 20%),
  ),
  success: (
    1: hsl(110, 50%, 60%),
    2: hsl(110, 60%, 50%),
    3: hsl(110, 90%, 40%),
    4: hsl(100, 80%, 32%), //
    5: hsl( 90, 60%, 27%),
    6: hsl( 90, 60%, 18%),
    7: hsl( 90, 60%, 12%),
  )
);

$shades: (
  shadow: (
    1: hsla(65, 6%,  0%, .07),
    2: hsla(65, 6%,  0%, .1),
    3: hsla(65, 6%,  0%, .5),
  ),
  highlight: (
    1: hsla(65, 6%, 99%, .07),
    2: hsla(65, 6%, 99%, .1),
    3: hsla(65, 6%, 99%, .5),
  )
);