$black: #000;
$off-black: #2b2c30;
$white: #fff;
$grey-dark: #575961;
$grey: #c1c3c6;
$grey-light: #e0e2e2;
$grey-extra-light: #e7e4f0;
$purple: #612dd3;
$purple-80: #815adc;
$purple-60: #a084e6;
$purple-40: #c0aeee;
$purple-20: #dfd6f6;
$purple-10: #f0ebfc;
$purple-1: #f9f7fd;
$lime: #77e04c;

/* New Site Styles */
/* TODO: Remove V2 once ported over */
$white-v2: #fff;
$grey-v2: #a2a2a2;
$dark-grey-v2: #cdcdcd;
$medium-grey-v2: #ede7fd;
$light-grey-v2: #f5f5f5;
$black-v2: #383d49;
$dark-black-v2: #111111;
$faded-purple-v2: #faf8fd;
$light-purple-v2: #bab5ef;
$purple-v2: #7f4eff;
$medium-purple-v2: #472f85;
$dark-purple-v2: #1b164c;
$darkest-purple-v2: #140d55;
$orchid-v2: #e537c0;
$transparent-gradient-v2: linear-gradient(0deg, #ffffff00 0%, #ffffff00 100%);
$primary-gradient-v2: linear-gradient(280.8deg,
        #5c29f1 15.21%,
        #e37ac2 56.5%,
        #ff9067 85.53%);
$primary-gradient-dark-v2: linear-gradient(280.8deg,
        #5c29f1 15.21%,
        #e37ac2 56.5%,
        #ff9067 85.53%),
    linear-gradient(0deg, #111111, #111111);

$secondary-gradient-v2: linear-gradient(277.43deg,
        #4512c7 -97.28%,
        #59c3ff 15.82%,
        #75ff86 120.75%),
    linear-gradient(281.49deg, #5c29f1 22.32%, #e37ac2 64.57%, #ff9067 94.28%);
$purple-gradient-v2: linear-gradient(102.5deg, #5a34cb 17.99%, #9b34cb 59.07%);
$transparent-v2: #ffffff00;

$border-radius: 4px;

$success: #13d461;
$progress: #d1fa77;
$warning: rgb(255, 145, 0);
$danger: #f85151;

@import "mixins";
@import "base";
@import "content";
@import "layout";
@import "nav";
@import "highlight";
@import "railroad_diagrams";