// primary color
$primary: #8405FF !default;
$secondary: #C182FF !default;
$tertiary: #2F3342 !default;

// color system
$blue: #1761FD !default;
$indigo: #8405FF !default;
$purple: #9F9DFF !default;
$purple-36: #9CA1DE;
$pink: #FD3C97 !default;
$red: #E36065 !default;
$red-light: #FF9D9D !default;
$orange: #FCB37C !default;
$yellow: #FCE07C !default;
$green: #03DABA !default;
$teal: #03D87F !default;
$cyan: #60C5FE !default;

// gray
$white: #FFF !default;
$gray-100: #F5F5FF !default;
$gray-200: #f1f5fa !default;
$gray-300: #E5E4F7 !default;
$gray-400: #b6c2e4 !default;
$gray-500: #8997bd !default;
$gray-600: #7081b9 !default;
$gray-700: #303e67 !default;
$gray-800: #2c3652 !default;
$gray-900: #1d2c48 !default;
$black: #26282D !default;

$light: $gray-200 !default;
$dark: $gray-900 !default;

$white-3: #B9B9BA;

$black-2: #161617;
$black-3: #252526;

$primary-1: #4B0AAA !default;

// extended whites
$white-1: #E1E1E1 !default;
$white-2: #E5E4F7 !default;
$white-4: #CCC6D2 !default;
$white-5: #7C7C7C !default;
$white-6: #F0F0FF !default;

// extended blacks
$black-1: #070708 !default;
$black-4: #111113 !default;
$black-5: #333336 !default;
$black-6: #3D3D3F !default;
$black-7: #0D0D0C !default;
$black-8: #8B8B8D !default;
$black-9: #1D1D1E !default;
$black-10: #646465 !default;

// greens/blues
$green-1: #BFE1B0 !default;
$indigo-1: #1B0229 !default;

// extended purples (many small variant tokens used across docs)
$purple-1: #382369 !default;
$purple-2: #FBC7F4 !default;
$purple-3: #9580EE !default;
$purple-4: linear-gradient(160.34deg, rgba(130, 0, 255, 0.12) 5.3%, rgba(130, 0, 255, 0) 75.43%), #201838 !default;
$purple-5: #362762 !default;
$purple-6: #6113BC !default;
$purple-7: #1A1223 !default;
$purple-8: #EEEDFF !default;
$purple-10: #150E1C !default;
$purple-11: #332C3B !default;
$purple-12: #432A71 !default;
$purple-13: #e5e4f7 !default;
$purple-14: #8e20f9 !default;
$purple-15: #9237fb !default;
$purple-16: #281A35 !default;
$purple-17: #F5F5FF !default;
$purple-18: #7E719F !default;
$purple-19: conic-gradient(from 90deg at 50% 50%, #BE79FF 0deg, #7136F6 360deg) !default;
$purple-20: #291E39 !default;
$purple-21: #A42DCD !default;
$purple-22: #FCF7FE !default;
$purple-23: #EDE8F3 !default;
$purple-24: #15023F !default;
$purple-26: #DCCDEB !default;
$purple-27: #8200FF !default;
$purple-28: #2D313E !default;
$purple-29: #F1F5FF !default;
$purple-31: #2A1940 !default;
$purple-32: #CFCEFF !default;
$purple-33: #110221 !default;
$purple-34: #10051F !default;
$purple-35: #736BCD !default;
$purple-37: #A396FF !default;
$purple-38: #7078EF !default;
$purple-39: #817CFF !default;
$purple-40: #5818D8 !default;
$purple-41: #7A38FF !default;
$purple-42: #909AF6 !default;
$purple-43: #7733FF !default;

// gray variant used in some places (palette value)
$gray-300-alt: #9797A6 !default;

$purple-50: #E0E0FF !default;

// font family
$font-family-sans-serif: "Public Sans", sans-serif;
$font-family-monospace: "Source Code Pro", monospace;

// font sizes
$font-size-base: 1rem;
$font-size-xs: $font-size-base * 0.75;
$font-size-sm: $font-size-base * 0.875;
$font-size-md : $font-size-base * 1;
$font-size-lg: $font-size-base * 1.25;
$font-size-xl: $font-size-base * 1.375;
$font-size-2xl : $font-size-base * 2.188;
$font-size-3xl : $font-size-base * 3;
$font-size-4xl : $font-size-base * 3.75;

// border
$block-border: 1px solid $black-3;

// border radius
$border-radius: 0.25rem !default;
$border-radius-lg: 0.5rem !default;
$border-radius-sm: 0.15rem !default;

// layout
$menu-width: 268px !default;
$spacer: 1rem !default;

// body
$body-color: $gray-800 !default;
$body-tertiary-color: #FFFFFF;
$body-tertiary-bg: #785EEA;
$border-color: $gray-300 !default;
$body-bg: $gray-100 !default;
$card-bg: $white !default;
$input-bg: $white !default;

// link
$link-color: $primary !default;
$link-decoration: none;

// border radius
$border-radius: .25rem !default;
$border-radius-sm: .15rem !default;

// shadow
$box-shadow-sm: 0 .125rem .25rem rgba($black, .075);
$box-shadow: 0 .5rem 1rem rgba($black, .15);
$box-shadow-lg: 0 1rem 3rem rgba($black, .175);

// boostrap flags
$enable-reduced-motion: false;

// element-plus
$types: primary, success, warning, danger, error, info !default;
$element-colors: (
        'white': $white,
        'black': $black,
        'primary': (
                'base': $primary,
        ),
        'success': (
                'base': $green,
        ),
        'warning': (
                'base': $orange,
        ),
        'danger': (
                'base': $red,
        ),
        'error': (
                'base': $red,
        ),
        'info': (
                'base': $cyan,
        ),
);

$popper-margin: .2rem;

$baseline-max-width: 730px;

$statusList: created, restarted, success, running, killing, killed, warning, failed, paused, cancelled, skipped, queued, retrying, retried, breakpoint;

// bootstrap
@import "bootstrap/scss/functions";
@import "bootstrap/scss/mixins";
@import "bootstrap/scss/vendor/rfs";
@import 'bootstrap/scss/variables';