@charset "utf-8";

//***********************
// color
//***********************
// primary
$colorBase          : #222222;
$colorSub           : #dedede;
$colorText          : #454545;
$colorBg            : #fafafa;
$colorLink          : #e80c7a;
$colorLinkHover     : darken($colorLink, 18%);
$colorSelection     : lighten($colorLink, 50%);
$colorBtn           : $colorLink;
// others
$colorRed           : #f04124;
$colorRedLighten    : lighten($colorRed, 36%);
$colorYellow        : #f0bd24;
$colorYellowLighten : lighten($colorYellow, 36%);
$colorGreen         : #43ac6a;
$colorPurple        : #e80c7a; // default is same as $colorLink
$colorGray          : #999999;
$colorBlack         : #222222; // default is same as $colorBase
$colorPink          : #ff4c7d;
//***********************
// path
//***********************
$filePath           : "./assets/images/";

//***********************
// font
//***********************
// font Family
$fontFamily         : "Helvetica Neue", "Helvetica", "Roboto", "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", Arial, Sans-Serif;
$fontFamilyTitle    : $fontFamily;
$fontFamilyCode     : Menlo, Consolas, Courier, sans-serif;
// font weight
$fontWeight         : 300;

//***********************
// block size
//***********************
$maxWidth           : 1080px;

//***********************
// base margin
//***********************
$m10                : 10px 0;
$m20                : 20px 0;
$m30                : 30px 0;
$m40                : 40px 0;

//***********************
// navigation size
//***********************
// $menuHeight        : ;
// $menuItemWidth     : ;
// $menuItemHeight    : ;
// $menuPadding       : ($menuHeight - $menuItemHeight) / 2; // Calclate padding size automatically

//***********************
// comments
//***********************
$avatarSize     : 48px;
$avatarMargin   : 10px;
$commentMargin  : $avatarSize + $avatarMargin;