//== Template Main Color
$white: #fff;
$danger: #dc3545;
$border: #726c94;
$black: #000;
$color-a: #FC3C68;
$color-b: #00A4F8;
$color-c: #FF7923;
$color-d: #7663FA;
$color-e: #00B875;
$color-f: #FF019C;
$color-g: #00C1C5;
//== social media colors
$facebook: #3b5999;
$twitter: #55acee;
$dribbble: #ea4c89;
$behance: #131418;
$google-plus: #dd4b39;
$linkedin: #0077b5;
$instagram: #e4405f;
$bolb-color: #FFF200;
$youtube: #FF0000;
$pinterest: #c8232c;
$rss: #EA6221;

/*-----------------
    # Typography
-----------------*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

//  transition
$transition: all 0.3s ease-in;
$transition-long: all 0.5s ease-in;