/* Opacity's
   ========================= */

$o-0:    0;
$o-0p:   0;
$o-4:  .04;
$o-4p:   4;
$o-8:  .08;
$o-8p:   8;
$o-16: .16;
$o-16p: 16;
$o-32: .32;
$o-32p: 32;
$o-48: .48;
$o-48p: 48;
$o-64: .64;
$o-64p: 64;
$o-80: .80;
$o-80p: 80;
$o-100: 1.0;
$o-100p: 100;



/* Base colors
   ========================= */

$c-primary: #319C9C !default;
$c-negative: #4A5C5C !default;
$c-success: #6ACC6A !default;
$c-warning: #FFBC85 !default;
$c-danger: #ff8585 !default;

$c-disabled: #F8F8F8 !default;
$c-fill: #FFFFFF !default;

$c-light-primary: rgba-solid(rgba($c-primary, $o-32), #F5F5F5) !default;
$c-light-negative: rgba-solid(rgba($c-negative, $o-32), #F5F5F5) !default;
$c-light-success: rgba-solid(rgba($c-success, $o-32), #F5F5F5) !default;
$c-light-warning: rgba-solid(rgba($c-warning, $o-32), #F5F5F5) !default;
$c-light-danger: rgba-solid(rgba($c-danger, $o-32), #F5F5F5) !default;

$c-dark-primary: rgba-solid(rgba($c-primary, $o-80), #000) !default;
$c-dark-negative: rgba-solid(rgba($c-negative, $o-80), #000) !default;
$c-dark-success: rgba-solid(rgba($c-success, $o-80), #000) !default;
$c-dark-warning: rgba-solid(rgba($c-warning, $o-80), #000) !default;
$c-dark-danger: rgba-solid(rgba($c-danger, $o-80), #000) !default;

$c-default-shadow: #4A5C5C !default;

$c-primary-text: $c-primary !default;
$c-negative-text: #4A5C5C !default;
$c-success-text: #43AF43 !default;
$c-warning-text: #DB9154 !default;
$c-danger-text: #DB5454 !default;

$c-default-text: #202020 !default;
$c-dark-text: #4A5C5C !default;
$c-light-text: #C7DBDB !default;
$c-dark-text-hint: rgba($c-dark-text, $o-64) !default;
$c-light-text-hint: rgba($c-light-text, $o-64) !default;



/* Components colors
   ========================= */

$c-primary-border: $c-light-primary !default;
$c-negative-border: $c-light-negative !default;
$c-success-border: $c-light-success !default;
$c-warning-border: $c-light-warning !default;
$c-danger-border: $c-light-danger !default;

$c-primary-background: $c-fill !default;
$c-negative-background: $c-fill !default;
$c-success-background: $c-fill !default;
$c-warning-background: $c-fill !default;
$c-danger-background: $c-fill !default;


$c-checked--primary-background: $c-primary !default;
$c-checked--negative-background: $c-negative !default;
$c-checked--success-background: $c-success !default;
$c-checked--warning-background: $c-warning !default;
$c-checked--danger-background: $c-danger !default;

$c-checked--primary-text: $c-fill !default;
$c-checked--negative-text: $c-fill !default;
$c-checked--success-text: $c-fill !default;
$c-checked--warning-text: $c-fill !default;
$c-checked--danger-text: $c-fill !default;


$c-hover--primary-background: $c-primary !default;
$c-hover--negative-background: $c-negative !default;
$c-hover--success-background: $c-success !default;
$c-hover--warning-background: $c-warning !default;
$c-hover--danger-background: $c-danger !default;

$c-hover--primary-border: $c-primary !default;
$c-hover--negative-border: $c-negative !default;
$c-hover--success-border: $c-success !default;
$c-hover--warning-border: $c-warning !default;
$c-hover--danger-border: $c-danger !default;


$c-active--primary-background: $c-dark-primary !default;
$c-active--negative-background: $c-dark-negative !default;
$c-active--success-background: $c-dark-success !default;
$c-active--warning-background: $c-dark-warning !default;
$c-active--danger-background: $c-dark-danger !default;

$c-active--primary-border: $c-dark-primary !default;
$c-active--negative-border: $c-dark-negative !default;
$c-active--success-border: $c-dark-success !default;
$c-active--warning-border: $c-dark-warning !default;
$c-active--danger-border: $c-dark-danger !default;

$c-active--primary-text: $c-dark-primary !default;
$c-active--negative-text: $c-dark-negative !default;
$c-active--success-text: $c-dark-success !default;
$c-active--warning-text: $c-dark-warning !default;
$c-active--danger-text: $c-dark-danger !default;


$c-disabled--primary-background: $c-disabled !default;
$c-disabled--negative-background: $c-disabled !default;
$c-disabled--success-background: $c-disabled !default;
$c-disabled--warning-background: $c-disabled !default;
$c-disabled--danger-background: $c-disabled !default;

$c-disabled--primary-text: rgba($c-dark-text, $o-64) !default;
$c-disabled--negative-text: rgba($c-dark-text, $o-64) !default;
$c-disabled--success-text: rgba($c-dark-text, $o-64) !default;
$c-disabled--warning-text: rgba($c-dark-text, $o-64) !default;
$c-disabled--danger-text: rgba($c-dark-text, $o-64) !default;


$c-box--primary-border: $c-primary-border !default;
$c-box--danger-border: $c-danger-border !default;
$c-box-background: $c-fill !default;
$c-box-backdrop-light: rgba($c-fill, $o-80) !default;
$c-box-backdrop-dark: rgba(#212121, $o-80) !default;


/* Layout
   ========================= */

$g-4:   4px;
$g-8:   8px;
$g-12: 12px;
$g-16: 16px;
$g-20: 20px;
$g-24: 24px;
$g-28: 28px;
$g-32: 32px;
$g-36: 36px;
$g-40: 40px;
$g-44: 44px;
$g-48: 48px;
$g-52: 52px;
$g-56: 56px;
$g-60: 60px;
$g-64: 64px;



/* Grid
   ========================= */

$g-num-cols: 12 !default;
$g-gutter-width: $g-24 !default;
$g-row-margin: $g-16 !default;

$g-small-screen: 576px !default;
$g-medium-screen: 992px !default;
$g-large-screen: 1200px !default;
$g-extra-large-screen: 1800px !default;

$mq-small-and-up: "min-width: #{$g-small-screen}" !default;
$mq-medium-and-up: "min-width: #{$g-medium-screen}" !default;
$mq-large-and-up: "min-width: #{$g-large-screen}" !default;
$mq-extra-large-and-up: "min-width: #{$g-extra-large-screen}" !default;



/* Font-sizes
   ========================= */

$fs-tiny: 10px;
$fs-small: 12px;
$fs-default: 13px;
$fs-header: 16px;
$fs-page-header: 20px;



/* Font-weights
   ========================= */

$fw-light: 300;
$fw-regular: 400;
$fw-bold: 600;



/* Speeds
   ========================= */

$s-fast: 256ms;
$s-medium: 512ms;
$s-slow: 1024ms;
$s-very-slow: 2048ms;



/* Controls
   ========================= */

$v-control-height-tiny3x: 4px;
$v-control-height-tiny2x: 8px;
$v-control-height-tiny: 16px;
$v-control-height-small: 24px;
$v-control-height: 32px;
$v-control-height-large: 48px;
$v-control-border-radius: 2px;
$v-control-border-width: 1px;
$v-control-thick-border-width: 3px;
$v-control-disabled-opacity: $o-64;

$v-box-border-width: 1px;
$v-box-border-radius: 4px;



/* Easing's
   ========================= */

$e-standard: cubic-bezier(0.4, 0.0, 0.2, 1);
$e-deceleration: cubic-bezier(0.0, 0.0, 0.2, 1);
$e-acceleration: cubic-bezier(0.4, 0.0, 1, 1);
$e-sharp: cubic-bezier(0.4, 0.0, 0.6, 1);



/* Transition
   ========================= */

$t-fast-standard: $s-fast $e-standard;
$t-medium-standard: $s-medium $e-standard;
$t-slow-standard: $s-slow $e-standard;
$t-fast-deceleration: $s-fast $e-deceleration;
$t-medium-deceleration: $s-medium $e-deceleration;
$t-slow-deceleration: $s-slow $e-deceleration;
$t-fast-acceleration: $s-fast $e-acceleration;
$t-medium-acceleration: $s-medium $e-acceleration;
$t-slow-acceleration: $s-slow $e-acceleration;
$t-fast-sharp: $s-fast $e-sharp;
$t-medium-sharp: $s-medium $e-sharp;
$t-slow-sharp: $s-slow $e-sharp;



/* Shadows
   ========================= */

$sd-hover--primary-box-shadow: default-box-shadow($c-primary, $o-16p, $g-12) !default;
$sd-hover--negative-box-shadow: default-box-shadow($c-negative, $o-16p, $g-12) !default;
$sd-hover--success-box-shadow: default-box-shadow($c-success, $o-16p, $g-12) !default;
$sd-hover--warning-box-shadow: default-box-shadow($c-warning, $o-16p, $g-12) !default;
$sd-hover--danger-box-shadow: default-box-shadow($c-danger, $o-16p, $g-12) !default;

$sd-hover--primary-text-shadow: default-text-shadow($c-primary) !default;
$sd-hover--negative-text-shadow: default-text-shadow($c-negative) !default;
$sd-hover--success-text-shadow: default-text-shadow($c-success) !default;
$sd-hover--warning-text-shadow: default-text-shadow($c-warning) !default;
$sd-hover--danger-text-shadow: default-text-shadow($c-danger) !default;


$sd-active--primary-box-shadow: default-box-shadow($c-dark-primary, $o-16p, $g-12) !default;
$sd-active--negative-box-shadow: default-box-shadow($c-dark-negative, $o-16p, $g-12) !default;
$sd-active--success-box-shadow: default-box-shadow($c-dark-success, $o-16p, $g-12) !default;
$sd-active--warning-box-shadow: default-box-shadow($c-dark-warning, $o-16p, $g-12) !default;
$sd-active--danger-box-shadow: default-box-shadow($c-dark-danger, $o-16p, $g-12) !default;

$sd-active--primary-text-shadow: default-text-shadow($c-dark-primary) !default;
$sd-active--negative-text-shadow: default-text-shadow($c-dark-negative) !default;
$sd-active--success-text-shadow: default-text-shadow($c-dark-success) !default;
$sd-active--warning-text-shadow: default-text-shadow($c-dark-warning) !default;
$sd-active--danger-text-shadow: default-text-shadow($c-dark-danger) !default;

$sd-card-box-shadow: 0 2px $g-4 rgba($c-default-shadow, $o-16) !default;
$sd-modal-box-shadow: 0 0 $g-16 rgba($c-default-shadow, $o-16) !default;
$sd-tooltip-box: 0 0 $g-12 rgba($c-default-shadow, $o-16) !default;