// COLOR DEFINITIONS
$jelly-bean: #26809b;
$cerulean: #12aad8;
$limed-oak: #8f8345;

// COLOR ASSIGNMENTS
$color-primary: $cerulean;
$color-secondary: $limed-oak;
$color-star: #9e914f;
$invalid: #e74c3c;
$price-increase: #e81212;
$price-decrease: #19a364;

$white: #ffffff;
$gray-light: #f5f5f5;
$gray-xlight: #fbfbfb;
$gray--medium-light: #efefef;
$gray-background-light: #e2e2e2;
$gray-border-light: #f3f3f3;
$gray-border-medium: #e5e5e5;
$gray-border-tree: #b9b9b9;
$gray-checkbox-bg: #bdbdbd;
$gray-medium: #cbcbcb;
$gray-timeline: #808080;
$gray-dark: #666666;
$tree-border-selected: #e0ecff;
$tree-background-selected: #edfbff;
$black: #0a0a0a;
$transparent: transparent;

$economy: #334eac;
$economy-background: #ebedf7;
$premium: #85204b;
$premium-background: #f1e6eb;
$business: #8e8347;
$business-background: #f5f4ed;

// BACKGROUNDS
$bg-secondary: lighten(#f1efe5, 3%);
$btn-hover: darken($color-primary, 3%);

// TYPOGRAPHY
$font-heading: 'Prata', serif;
$font-body: 'proxima-nova', sans-serif;
$font-handwritten: 'caliban-std', sans-serif;

// GRID
$container-wide: 169rem;
$container-medium: 120rem;
$container-small: 90rem;
$container-article: 65rem;
$gutter: 1.5rem;

// MEDIA QUERIES
$screen-xs: 576px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-xl: 1650px;
$screen-xxl: 1920px;

%scrollbar-none {
  &::-webkit-scrollbar {
    width: 0px;
    height: 0px;
  }

  &::-webkit-scrollbar-track {
    padding: 0;
    background: transparent;
  }
}

%scrollbar-thin {
  &::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }

  &::-webkit-scrollbar-track {
    padding: 2px;
    background: transparent;
  }

  &::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: fade-out($black, 0.75);
  }
}