// color 
$base-fontColor: #000;
$base-linkColor: #000;
$base-bgColor: #FFF;
$fb: 700;

// パレットの定義
$color-palette :(
  red : (
    base : #C92E36
  ),
  grn : (
    base : #00643C,
    light : #E5EFEB,
  ),
  ppl : (
    base : #AA64A0,
  ),
  brn : (
    base : #8F5E24,
  ),
  yel : (
    base : #FFF100,
    dark : #D19600,
    light: #FFF365,
  ),
  gry : (
    base : #8C8C8C,
    dark : #232323,
    light : #F0F0F0,
  )
) !default;

// color(色系統, トーン)
@function color($color, $tone:base){
  @return map-get(map-get($color-palette, $color), $tone)
}