// Colors
$background-night-light: #1f1d33;
$background-night: #18162b;
$background: #EEEEF9;
$border-grey: #EEEEFA;
$copy-night: #aeaeb8;
$dark-grey: #60606b;
$dark-purple: #171629;
$dark: #1A193B;
$darker-grey: #66688D;
$green: #00E18A;
$grey: #B5B5CA;
$light-green: #DDF7EC;
$light-grey: #F4F4FC;
$lightest-grey: #f9f9ff;
$light-red: #FFDBDF;
$orange: #FF9800;
$purple-hover: #8139FF;
$purple: #752BF7;
$red: #FF2F54;
$select-border: darken($background, 5%);
$select-border-night: lighten($background-night-light, 7%);
$softer-dark: #424258;

$border-radius: 4px;
$border-width-thick: toRem(5px);
$border-width-thin: toRem(2px);
$border-width: toRem(3px);
$border-table-header: $border-width-thin solid $border-grey;
$border-thin: $border-width-thin solid $purple;
$border: $border-width solid $purple;
$box-shadow-lg: toRem(0px) toRem(15px) toRem(150px) toRem(40px) rgba($purple, 0.1);
$box-shadow-sm: toRem(0px) toRem(10px) toRem(20px) toRem(10px) rgba($purple, 0.1);
$box-shadow: toRem(0px) toRem(10px) toRem(40px) toRem(5px) rgba($purple, 0.05);
$breakpoint-height: 900px;
$breakpoint: 1500px;
$button-height: toRem(52px);
$copy-line-height: 150%;
$dashboard-min-height: toRem(800px);
$input-height: toRem(52px);
$left-sidebar-width-collapsed: toRem(48px);
$left-sidebar-width-expanded-lowres: toRem(288px);
$left-sidebar-width-expanded: toRem(348px);
$left-sidebar-width-lowres: toRem(240px);
$left-sidebar-width: toRem(300px);
$letter-spacing: toRem(1.5px);
$right-column-width: toRem(400px);
$right-sidebar-width: 45vw;
$right-sidebar-width-lowres: toRem(240px);
$right-sidebar-width-collapsed: toRem(48px);
$right-sidebar-width-expanded: toRem(348px);
$right-sidebar-width-expanded-lowres: toRem(288px);
$space: $font-size;
$space-lg: $space * 2;
$space-sm: $space * .5;
$space-xl: $space * 4;
$space-xs: $space * .25;
$space-xxl: $space * 6;
$transition-fast: .1s ease-in-out;
$transition: .3s ease-in-out;
