/**
* BT Light Theme Variables for export
*/

$bt-font-family: 'BTFont', 'Century Gothic', Arial, sans-serif !default;
$bt-font-family-italic: 'BTFontItalic', 'Century Gothic', Arial, sans-serif !default;
$bt-font-family-bold: 'BTFontBold', 'Century Gothic', Arial, sans-serif !default;
$bt-font-family-bold-italic: 'BTFontBoldItalic', 'Century Gothic', Arial, sans-serif !default;
$bt-font-family-headline: 'BTFontHeadline', 'Century Gothic', Arial, sans-serif !default;
$bt-font-family-headline-italic: 'BTFontHeadlineItalic', 'Century Gothic', Arial, sans-serif !default;
$bt-font-family-condensed: 'BTFontCondensed', 'Century Gothic', Arial, sans-serif !default;
$bt-font-family-condensed-bold: 'BTFontCondensedBold', 'Century Gothic', Arial, sans-serif !default;
$bt-font-code: 'Consolas', monospace, serif;

/*********** Colors ***************************/
$bt-purple-primary: #6400AA !default;
$bt-purple-secondary: #540E85 !default;
$bt-pink-primary: #E52451 !default;
$bt-pink-secondary: #C30D4C !default;
// New Set
$bt-indigo: #5514B4 !default;
$bt-indigo-dark: #28045B !default;
$bt-indigo-light: #7F4EC6 !default;
$bt-newpink: #FF6EFF !default;
$bt-newpink-dark: #BF52BF !default;
$bt-newpink-light: #FF92FF !default;

$bt-blue: #357DED !default;
$bt-blue-dark: #275DB1 !default;
$bt-blue-light: #9ABEF6 !default;
$bt-red: #E03616 !default;
$bt-red-dark: #A72810 !default;
$bt-red-light: #EF9A8A !default;
$bt-green: #51CB20 !default;
$bt-green-dark: #3C9817 !default;
$bt-green-light: #A8E58f !default;
$bt-yellow: #F9C80E !default;
$bt-yellow-dark: #BA950A !default;
$bt-yellow-light: #FCE386 !default;
$bt-amber: #FFBF00 !default;
$bt-amber-dark: #997200 !default;
$bt-amber-light: #FFD24C !default;

// Grey sets
$bt-grey-dark-95: #050505 !default;
$bt-grey-dark-80: #161616 !default;
$bt-grey-dark-60: #2C2C2C !default;
$bt-grey-dark-40: #424243 !default;
$bt-grey-dark-20: #585859 !default;
$bt-grey: #6F6F70 !default;
$bt-grey-light-20: #8B8B8C !default;
$bt-grey-light-40: #A8A8A9 !default;
$bt-grey-light-60: #C5C5C5 !default;
$bt-grey-light-80: #E2E2E2 !default;
$bt-grey-light-85: #E9E9E9 !default;
$bt-grey-light-90: #F0F0F0 !default;
$bt-grey-light-95: #F7F7F7 !default;
$bt-white: #FFFFFF !default;
$bt-black: #000000 !default;

$body-color: #fdfdfd;
$bt-body-font-color: #111 !default;
$bt-input-border-color: #606060 !default;
$bt-footnote-color: #707070 !default;
$bt-focus-color: #357DED !default;
$bt-focus-shadow: 0 0 0.2em 0.09em $bt-focus-color !default;
$bt-error-highlight: #E03616 !default;
$bt-error-shadow: 0 0 0.2em 0.09em $bt-error-highlight !default;
$bt-bg-noneditable: #e9e9e9 !default;
$bt-raised-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
$bt-toast-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
$bt-option-selected: rgba($bt-indigo, 0.15) !default;
$bt-option-marked: #F7F7F8 !default;
$bt-input-placeholder: lighten($bt-body-font-color, 40) !default;
$ui-combobox-height: 40px !default;
$ui-combobox-value-padding-left: 10px !default;
$ui-combobox-value-font-size: 0.95em !default;
$bt-hyperlink-color: #5514B4 !default;
$bt-hyperlink-color-hover: #3F0E86 !default;
$bt-hyperlink-color-active: #3F0E86 !default;
$bt-overlay-black: rgba(0, 0, 0, 0.4) !default;
$corner-radius: 5px;
$corner-radius_x2: $corner-radius * 2;
$corner-radius_x3: $corner-radius * 3;
$corner-radius_x4: $corner-radius * 4;
$corner-radius_x5: $corner-radius * 5;
$corner-pill: 50rem !default;


// Font calculations and adjustments
$normal-line-height: normal !default;
$base-line-height: 1.427em !default;
$body-font-size: 1em;


@function text-contrast($n, $white, $black) {
    $color-brightness: round((red($n) * 299) + (green($n) * 587) + (blue($n) * 114) / 1000);
    $light-color: round((red(#ffffff) * 299) + (green(#ffffff) * 587) + (blue(#ffffff) * 114) / 1000);

    @if abs($color-brightness) < ($light-color / 2) {
        @return $white;
    }
    @else {
        @return $black;
    }
}

@function colour-difference($foreground, $background) {
    $r: (max(red($foreground), red($background))) - (min(red($foreground), red($background)));
    $g: (max(green($foreground), green($background))) - (min(green($foreground), green($background)));
    $b: (max(blue($foreground), blue($background))) - (min(blue($foreground), blue($background)));
    $sum-rgb: $r + $g + $b;

    @if $sum-rgb < 500 {
        @return "false";
    } @else {
        @return "true";
    }
}

// Custom webkit scrollbar
::-webkit-scrollbar {
    height: 8px;
    width: 8px;
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.25);
}
::-webkit-scrollbar-track-piece  {
    background-color: rgba(0, 0, 0, 0.05);
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.5);
}
* {
    // For IE
    -ms-scrollbar-base-color: #efefef;
    -ms-scrollbar-face-color: #666666;
    -ms-scrollbar-highlight-color: #666666;
    -ms-scrollbar-track-color: #efefef;
    -ms-scrollbar-arrow-color: #666666;
    -ms-scrollbar-shadow-color: #666666;
    // Firefox
    scrollbar-color: dark;
    scrollbar-width: thin;
}

@import './common.scss';
@import './components/scrollbar.scss';
@import './components/tooltip.scss';
@import './components/animations.scss';
@import './components/formElements.scss';
@import './components/gridSystems.scss';
@import './components/other.scss';
@import './components/button.scss';
@import './components/choices.scss';
@import './components/selectize.scss';