/* Color */

@function point($multiplier) {
  $point: 8px;
  @return $point * $multiplier;
}
@function mhcolor($color-name) {
  $moneyhero-colors: ( blue: #076b9c, sharp-blue: #00aafb, blue-shade: #016d9b, dark-blue: #155072, black-blue: #04182f, green: #77aa43, light-green: #8cdc5a, green-shade: #547f3b, dark-green: #467828, orange: #f58423, pale-orange: #f9b515, bright-orange: #ff9900, red: #ff533f, white: #ffffff, light-grey: #f5f5f5, grey: #e6e6e6, dark-grey: #969696, black: #333333, dark-orange: #dd6335, );
  @return map-get($moneyhero-colors, $color-name);
}

/* font */

body #primary {
  *, h1, h2, h3, h4, h5, h6, p, li, div, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
    font-family: 'opensans','SF Pro HK','SF Pro Display','SF Pro Icons','Noto Sans HK','PingFang HK','Segoe UI','SegoeUI','Microsoft JhengHei','微軟正黑體','Helvetica Neue','Helvetica',Arial,sans-serif;
  }
}

/* responsive */

$large-screen-width: 1170px;
$desktop-width: 768px;
$mobile-width: 480px;
@mixin tablet-to-large-screen {
  @media screen and (max-width: #{$large-screen-width}) and (min-width: #{$mobile-width + 1}) {
    @content;
  }
}
@mixin tablet-to-desktop {
  @media screen and (max-width: #{$desktop-width - 1}) and (min-width: #{$mobile-width + 1}) {
    @content;
  }
}
@mixin desktop-minus {
  @media screen and (max-width: #{$desktop-width - 1}) {
    @content;
  }
}
@mixin desktop-plus {
  @media screen and (min-width: #{$desktop-width}) {
    @content;
  }
}
@mixin mobile-minus {
  @media screen and (max-width: #{$mobile-width}) {
    @content;
  }
}
@mixin mobile-plus {
  @media screen and (min-width: #{$mobile-width + 1}) {
    @content;
  }
}