// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----

$_color-base-grey: rgb(229,231,234);

$palettes: (
    purple: (
        base:   red,
        light:  blue,
        dark:   green
    ),
    grey: (
        base:  whitesmoke,
        light: lighten($_color-base-grey, 10%),
        dark: #333
    )
);

@function palette($palette, $tone: 'base') {
    @return map-get(map-get($palettes, $palette), $tone);
}

a {
    color: palette(purple);
    &:hover {
        color: palette(grey, dark);
    }
}


$color:(
  brand-color: (
    base: (
      default: red
    ),
    light: #ccc,
    dark: #333
  )
);

$config: (
  small: (
    default: (
      small-default: 10000px
    )
  ),
  medium: 200px,
  large: 300px
);

p {
  width: map-get(map-get(map-get($config, small), default), small-default);
}