/* Base Variables */
$line-height: 1.6
$font-size-small: 13px
$font-size-medium: 16px
$font-size-large: 20px


/* Content */
$thread-width: 236px
$thread-height: 450px


$thread-line-height: 1.618

$board-color: $black
$board-post-color: $grey-dark
 
$header-width: 992px
$header-height: 60px

$settings-color: shade($grey-hightlight, 30%)

$settings-font-size-ratio: 1.2
$settings-font-size-large: $font-size-large * $settings-font-size-ratio
$settings-font-size-medium: $font-size-medium * $settings-font-size-ratio
$settings-font-size-small: $font-size-small * $settings-font-size-ratio

/* Base Variables */
$line-height: 1.6
$font-size-small: 13px
$font-size-medium: 16px
$font-size-large: 20px


/* Content */
$thread-width: 236px
$thread-height: 450px


$thread-line-height: 1.618

$board-color: $black
$board-post-color: $grey-dark
 
$header-width: 992px
$header-height: 60px
$header-icon-size: 20px

$settings-color: shade($grey-highlight, 30%)

$settings-font-size-ratio: 1.2
$settings-font-size-large: $font-size-large * $settings-font-size-ratio
$settings-font-size-medium: $font-size-medium * $settings-font-size-ratio
$settings-font-size-small: $font-size-small * $settings-font-size-ratio

$navbar-width: 385px
$navbar-height: calc(100vh - #{$header-height})
$navbar-icon-size: 18px
$navbar-button-effect-amount: 20%


// $preloader-color-inner: $primary 
// $preloader-color-middle: adjust-hue($primary, 120deg)
// $preloader-color-outer: adjust-hue($primary, -120deg)

$preloader-base-color: $primary-light
$preloader-color-outer: darken($preloader-base-color, 25%)
$preloader-color-middle: darken($preloader-base-color, 10%)
$preloader-color-inner: $preloader-base-color 

$preloader-arc-width: 3px
$preloader-spin-multiplier: 1
$preloader-size: 150px

$preloader-text-box-size: 400px

Add variables for navbar and preloader
Styles: Add variables for navbar and preloader
