$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
) !default;

$mq-breakpoints: (
  'small' : 576px,
  'medium': 768px,
  'large' : 992px,
);

@mixin mq($breakpoint: small) {
  @media screen and (max-width: #{map-get($mq-breakpoints, $breakpoint)}) {
    @content;
  }
}

$admin_img_path:'../img/';

// Typography
$font-family-sans-serif: "Nunito", sans-serif;
$font-size-base: 0.9rem;
$line-height-base: 1.6;

// Colors
$white: #ffffff;
$black: #000000;
$bg: #f8f6f5;
$font-color: #797979;

$light-glay: #887F67;;
$light-green: #00D07D;
$magenta: #F9005C;
$active: #150041;
$dark-purple: #150041;

$light-yellow: #F3F8EA;
$thin-yellow: #F2F7EA;

$menu_regist: #7B80FF;
$menu_search: #C874E2;
$menu_manager: #C658C0;
$menu_hp: #FF4EBA;
$menu_user: #EC70CF;

$menu_title: #797979;
$menu_english: #C8C8C8;

$search_title: #7a7977;
$search_border: #C8C8C8;

$green_btn_text: #00c8c8;
$green_btn_direction: "to bottom";
$green_btn_start: #ffffff;
$green_btn_end:  #d3f6f6;

$gray_btn_text: #797979;
$gray_btn_bg: #fefefe;

$require: #ec59ff;
$require_applicable: #f4bcff;

$table_bg: #ffffff;
$table_th: #f8f9fa;
$table_border: #e3e3e3;
$th_width: 250px;

$upload_bg: #f8f9fa;

// Fontsize
$f12: 12px;
$f14: 14px;
$f16: 16px;
$f18: 18px;
$f20: 20px;
$f22: 22px;
$f24: 24px;
$f26: 26px;
$f28: 28px;
$f30: 30px;

// Container
$cwidth: 1200px;

// Nav
$gd-start: #4e74fd;
$gd-end: #00c8c8;
$gd-direction: "to right";
$gd-direction-sp: "to bottom";

$registbtn-start: #ff3d9f;
$registbtn-end: #e4005b;
$registbtn-direction: "to bottom";

$grid-gutter-width: 30px;

$link-color-blue: #539ff7;

