// Colors
$text-color:                  #333;
$color-1:                     #850345;
$color-2:                     #22264b;
$border-color:                #ddd;
$input-border-color:          #959595;

// Typography
$system-font-stack:           -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
$font-family-base:            'Open Sans', $system-font-stack;
$font-family-display:         'Cabin', $font-family-base;
$font-family-monospace:       Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;

$line-height-base:            1.71429;
$line-height-computed:        ($line-height-base * 1rem);
$line-height-heading:         1.1;
$line-height-input:           1.5;

$font-size-h1: 2.5rem;
$font-size-h2: 2rem;
$font-size-h3: 1.75rem;
$font-size-h4: 1.5rem;
$font-size-h5: 1.25rem;
$font-size-h6: 1rem;

// Layout
$container-sm: 750px;
$container-md: 970px;
$container-lg: 1170px;

// Media queries breakpoints
$screen-sm-min: 768px;
$screen-md-min: 992px;
$screen-lg-min: 1200px;

// So media queries don't overlap when required, provide a maximum
$screen-xs-max: $screen-sm-min - 1;
$screen-sm-max: $screen-md-min - 1;
$screen-md-max: $screen-lg-min - 1;

$breakpoints: (
	sm: $screen-sm-min,
	md: $screen-md-min,
	lg: $screen-lg-min
);
