/* typography elements */
$anchor: #3498db;

/* grid variables */
$wrapper: 80rem;
$gutter: 0;

/* off canvas variables */
$off-canvas-width: 260px;
$off-canvas-bg: #333;
$off-canvas-color: #fff;
$off-canvas-hamburger: #333;

/* media query breakpoints */
$mq-sm: 35.5rem;
$mq-md: 48rem;
$mq-lg: 64rem;
$mq-xl: 80rem;

/* default border radius */
$radius: 3px;

/* default button colors */
$btn-green: #2ecc71;
$btn-blue: #3498db;
$btn-yellow: #f1c40f;
$btn-red: #e74c3c;
$btn-default: #cccccc;

/* default button values */
$btn-color: #fff;
$btn-padding: 0.5rem 1rem;

/* default button classes */
$btn-class-sm: 'btn-sm';
$btn-class-md: 'btn-md';
$btn-class-lg: 'btn-lg';
$btn-class-xl: 'btn-xl';
