// Selenized White
// Ref: https://github.com/jan-warchol/selenized/blob/master/the-values.md#selenized-white
$bg_0: lab(100% 0 0);
$bg_1: lab(93% 0 0);
$bg_2: lab(82% 0 0);
$dim_0: lab(56% 0 0);
$fg_0: lab(30% 0 0);
$fg_1: lab(16% 0 0);

$red: lab(40% 88 56);
$green: lab(54% -53 77);
$yellow: lab(65% 8 95);
$blue: lab(40% 0 -80);
$magenta: lab(50% 77 -21);
$cyan: lab(61% -56 -6);
$orange: lab(51% 52 70);
$violet: lab(45% 42 -63);

$br_red: lab(33% 88 56);
$br_green: lab(47% -53 77);
$br_yellow: lab(58% 8 95);
$br_blue: lab(33% 0 -80);
$br_magenta: lab(43% 77 -21);
$br_cyan: lab(54% -56 -6);
$br_orange: lab(44% 52 70);
$br_violet: lab(38% 42 -63);

$fig-height: 45em;

$BodyFont: 'Atkinson Hyperlegible', sans-serif;
$HeaderFont: 'Source Sans Pro', sans-serif;

// min-width
$breakpoint-up: (
  'sm': 'screen and (min-width:640px)',
  'lmd': 'screen and (min-width:768px)',
  'lg': 'screen and (min-width:1024px)'
) !default;

// max-width
$breakpoint-down: (
  'md': 'screen and (max-width:767px)'
) !default;

// @mixin
@mixin mq-up($breakpoint: md) {
  @media #{map-get($breakpoint-up, $breakpoint)} {
    @content;
  }
}

@mixin mq-down($breakpoint: md) {
  @media #{map-get($breakpoint-down, $breakpoint)} {
    @content;
  }
}