// Core variables
$version: "1.0.0";
$venture: "default" !default;
$program: "offer-ui" !default;
$skin: "" !default;
// Core colors
$primary-color: #d95555 !default;
$primary-color-dark: darken($primary-color, 3%) !default;
$primary-color-light: lighten($primary-color, 3%) !default;
$secondary-color: #58a131 !default;
$secondary-color-dark: darken($secondary-color, 3%) !default;
$secondary-color-light: lighten($secondary-color, 3%) !default;
$tertiary-color: #D3D3D3 !default;
$tertiary-color-dark: darken($tertiary-color, 3%) !default;
$tertiary-color-light: lighten($tertiary-color, 3%) !default;

// Gray colors
$dark-color: #454d5d !default;
$light-color: #fff !default;
$gray-color: lighten($dark-color, 40%) !default;
$gray-color-dark: darken($gray-color, 80%) !default;
$gray-color-light: lighten($gray-color, 20%) !default;

$border-color: lighten($dark-color, 60%) !default;
$border-color-dark: darken($border-color, 10%) !default;
$bg-color: lighten($dark-color, 66%) !default;
$bg-color-dark: darken($bg-color, 3%) !default;
$bg-color-light: $light-color !default;

// Control colors
$success-color: #32b643 !default;
$warning-color: #ffb700 !default;
$error-color: #e85600 !default;

// Other colors
$code-color: #e06870 !default;
$highlight-color: #ffe9b3 !default;
$body-bg: $bg-color-light !default;
$body-font-color: #2e2e2e !default;

$link-color: $body-font-color !default;
$link-color-dark: $body-font-color !default;

// Fonts
// Credit: https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/
$primary-font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto !default;
$secondary-font-family:"arial", sans-serif !default;
$fallback-font-family: "arial", sans-serif !default;
$body-font-family: $primary-font-family, $fallback-font-family !default;

// Font sizes
$html-font-size: 20px !default;
$html-line-height: 1.5 !default;
$font-size: .8rem !default;
$font-size-sm: .7rem !default;
$font-size-lg: .9rem !default;
$line-height: 1rem !default;

// Unit sizes
$unit-o: .05rem !default;   //  1px;
$unit-h: .1rem !default;    //  2px;
$unit-1: .2rem !default;    //  4px;
$unit-2: .4rem !default;    //  8px;
$unit-3: .6rem !default;    //  12px;
$unit-4: .8rem !default;    //  16px;
$unit-5: 1rem !default;     //  20px;
$unit-6: 1.2rem !default;   //  24px;
$unit-7: 1.4rem !default;   //  28px;
$unit-8: 1.6rem !default;   //  32px;
$unit-9: 1.8rem !default;   //  36px;
$unit-10: 2rem !default;    //  40px;
$unit-11: 2.2rem !default;    //  40px;
$unit-12: 2.4rem !default;  //  48px;
$unit-16: 3.2rem !default;  //  64px;

$unit: .3rem !default;      // 6px; default

// Sizes
$layout-padding: $unit-3 !default;
$layout-spacing: $unit !default;
$layout-spacing-sm: $unit !default;
$layout-spacing-lg: $unit !default;

$grid-spacing: ($layout-spacing / ($layout-spacing * 0 + 1)) * $html-font-size;

$border-radius: $unit-h !default;
$border-width: $unit-o !default;
$border-width-lg: $unit-h !default;
$control-size: $unit-9 !default;
$control-size-sm: $unit-7 !default;
$control-size-lg: $unit-10 !default;
$control-padding-x: $unit-2 !default;
$control-padding-x-sm: $unit-2 * .75 !default;
$control-padding-x-lg: $unit-2 * 1.5 !default;
$control-padding-y: ($control-size - $line-height) / 2 - $border-width !default;
$control-padding-y-sm: ($control-size-sm - $line-height) / 2 - $border-width !default;
$control-padding-y-lg: ($control-size-lg - $line-height) / 2 - $border-width !default;
$control-icon-size: .8rem !default;

$control-width-xs: 180px !default;
$control-width-sm: 320px !default;
$control-width-md: 640px !default;
$control-width-lg: 960px !default;
$control-width-xl: 1296px !default;

// Responsive breakpoints
$size-xs: 320px !default;
$size-ss:  380px !default;
$size-sm: 444px !default;
$size-md: 588px !default;
$size-lm: 684px !default;
$size-lg: 972px !default;
$size-xl: 1308px !default;
$size-2x: 1440px !default;

$responsive-breakpoint: $size-xs !default;

// Z-index
$zindex-0: 1 !default;
$zindex-1: 100 !default;
$zindex-2: 200 !default;
$zindex-3: 300 !default;
$zindex-4: 400 !default;

$site-breakpoints : (
  tile-max-96px: max-height 96px,
  tile-min-96px: min-height 97px,
  tile-min-132px: min-height 132px,
  tile-min-156px: min-height 156px,
  tile-min-240px: min-height 240px min-width $size-lm,
  tile-max-280px: max-width 280px,
  tile-min-281px: min-width 281px,
  mobile-sm: min-width $size-xs,
  mobile-md: min-width $size-ss,
  mobile-lg: min-width $size-sm,
  mobile: min-width $size-md,
  tablet: min-width $size-lm,
  desktop: min-width $size-lg,
  wide: min-width $size-xl,
) !default;

$site-ventures: (
  jackpotjoy: 'jackpotjoy',
  jackpotjoy-sweden: 'jackpotjoy-sweden',
  botemania: 'botemania',
  monopolycasino: 'monopolycasino',
  virgingames: 'virgingames',
  heartbingo: 'heartbingo',
  starspins: 'starspins'
);