// ============================================================================= // Variables // =============================================================================

// Typography // =============================================================================

$sans-serif: “Lato”, Helvetica, Arial, sans-serif; $serif: “Cormorant Garamond”, Courier, serif; $base-font-family: $sans-serif; $base-font-weight: 400; $base-font-weight-bold: 700;

// Colors // =============================================================================

// Brand colors

$brand-success: #1fbf92; $brand-danger: e74b3c; $brand-primary: #3449ed; $brand-warning: f1c90b;

// Sizes // =============================================================================

// Grid

$columns: 12; $max-width: 650px; $gutter: 20px; $one-column: 100% / $columns; $negative-gutter: 0 - $gutter;

// Font sizes

$base-font-size: 16px; $base-line-height: 1.8;

// Box sizes

$base-border-radius: 4px;

// Effects // =============================================================================

$base-transition-speed: .2s;