// Grid
$grid-columns-mobile: 12;
$grid-columns-portrait-tablet: 12;
$grid-columns-landscape-tablet: 12;
$grid-columns-desktop: 12;
$grid-columns-big-desktop: 12;

$grid-space-mobile: 1rem;
$grid-space-portrait-tablet: 1rem;
$grid-space-landscape-tablet: 1.6rem;
$grid-space-desktop: 1.6rem;
$grid-space-big-desktop: 1.6rem;

// Fonts
$font-default: "Helvetica", Helvetica Neue, Arial, sans-serif;
$font-monospace: monospace, monoszpace;

$font-heading-1: 4.8rem;
$font-heading-2: 3.4rem;
$font-heading-3: 2.4rem;
$font-heading-4: 1.6rem;
$font-heading-5: 1.4rem;
$font-heading-6: 1.2rem;
$font-body: 1.6rem;

$font-weight-base: normal;

$line-height-base: 1.6;

$headings-margin-bottom: 2rem;
$paragraph-margin-bottom: 2rem;
$list-margin-bottom: 2rem;

$table-cell-padding: 1rem;

$label-margin-bottom: 1rem;

// Colors
$color-white: white;
$color-black: black;
$color-light-gray-1: #F5F5F5;
$color-mid-gray-1: #BDBDBD;
$color-dark-gray-1: #424242;
$color-dark-gray-2: #212121;

$color-primary: #ff5c5c;
$color-secondary: #3F51B5;
$color-success: #4CAF50;
$color-warning: #FFEB3B;
$color-warning-dark: #ffb300;
$color-danger: #FF3D00;
$color-info: #B3E5FC;
$color-default: #CFD8DC;

$link-color: #2196F3;
$link-hover-color: darken($link-color, 50%);
$link-decoration: none;
$link-hover-decoration: underline;

$table-caption-color: $color-dark-gray-1;

// Borders
$border-width: 2px;
$border-style: solid;

$radius-circle: 50%;
$radius-rounded: 5px;

$transition-slow: .8s ease;
$transition-normal: .4s ease;
$transition-fast: .2s ease;

$transition-all: .4s all;

$spacing-small: 3rem;
$spacing-base: 5rem;
$spacing-large: 8rem;

// Media Query Values

$tablet-portrait-up: (min-width: 568px);
$tablet-landscape-up: (min-width: 768px);
$desktop-up: (min-width: 1024px);
$big-desktop-up: (min-width: 1280px);

$mobile-only: (max-width: 375px);
$tablet-portrait-down: (max-width: 568px);
$tablet-landscape-down: (max-width: 768px);
$desktop-down: (max-width: 1024px);
$big-desktop-down: (max-width: 1280px);

$center: translate(-50%, -50%);
$centerY: translateY(-50%);
$centerX: translateX(-50%);