| |
| // primary colors |
| $blue: #009fdb; |
| $dark-blue: #0568ae; |
| $light-blue: #71c5e8; |
| $green: #4ca90c; |
| $dark-green: #007a3e; |
| $light-green: #b5bd00; |
| $orange: #ea7400; |
| $yellow: #ffb81c; |
| $dark-purple: #702f8a; |
| $purple: #9063cd; |
| $light-purple: #caa2dd; |
| $black: #000000; |
| $dark-gray: #5a5a5a; |
| $gray: #959595; |
| $light-gray: #d2d2d2; |
| $white: #ffffff; |
| |
| // Secondary Colors |
| $red: #cf2a2a; |
| $crimson: #a94442; |
| |
| $background-gray: #f2f2f2; |
| $text-black: #191919; |
| $link-blue: #056bae; |
| $functional-green: #007a3e; |
| $tlv-gray: #f8f8f8; |
| $tlv-light-gray: #eaeaea; |
| $tlv-hover: #e6f6fb; |
| $highlight-gray: #eceff3; |
| |
| $content-background-color: $white; |
| |
| $scroll-bar-color: $text-black; |
| $vc-status-text-color: #42b72a; |
| |
| // sizes |
| $circle-icon-size: 40px; |
| |
| //responsive @media params |
| $tablet-max-width: 1024px; |
| $laptop-min-width: 1224px; |
| $desktop-min-width: 1824px; |
| |
| |
| |
| |
| |
| |