/* Colors */
$white: #ffffff;
$black: #000000;
$gray: #eaeaf0;
$green: #16515e;
$green-dark: #0d343d;
$purple: #504668;
$purple-light: #c6cbe6;
$purple-dark: #2f1a43;
$teal: #9fd8d3;
$teal-hover: #77b8c3;

/* Breakpoint Sizes */
$medium-width: 768px;
$large-width: 1024px;
$xlarge-width: 1280px;
$xxlarge-width: 1440px;

// Font Weights
$font-weight-norm: 400;
$font-weight-med: 500;
$font-weight-semi: 600;
$font-weight-bold: 700;

// transition speeds
$trans-slow: 0.6s;
$trans-med: 0.4s;
$trans-fast: 0.2s;