$basefontraw: 16 !default;
$basefont: $basefontraw * 1px !default;
$fontfamily: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
$focus-width: 3px !default;

// basic colors
$blue: #1B7FA7;
$darkblue: #234c99;
$gray: #f5f5f4;
$light: #ffffff;
$dark: #403d37;

// app colors
$focuscolor: #0f465c;
$pagecolor: $light !default;
$pagecolorlight: $gray !default;
$pagetextcolor: $dark !default;
$pagetextcolorlight: lighten($pagetextcolor, 25%) !default;
$transparentpagecolor: rgba($pagecolor, 0.5) !default;
$semitransparentpagecolor: rgba($pagecolor, 0.9) !default;
$footercolor: #54514A !default;
$highlightcolor: $darkblue !default;

// link colors
$linkcolor: darken($blue, 5%) !default;
$linkvisitedcolor: darken($linkcolor, 20%) !default;
$linkhovercolor: lighten($linkcolor, 10%) !default;
$invertedlinkcolor: $light !default;
$invertedlinkvisitedcolor: darken($invertedlinkcolor, 10%) !default;

// original vars
$leftPanelWidth: 190px !default;
$padding: 10px !default;
$headerHeight: 50px !default;
$breadcrumbsHeight: 40px !default;
$footerHeight: 50px !default;

// book stuff
$bookHeight: 200px !default;
$bookWidth: 150px !default;
$stripeWidth: 200px !default;

/// Breakpoints
$intermediate-breakpoint: 1120px;
$mobile-breakpoint: 965px;
$xtrasmall-breakpoint: 483px;

@-webkit-keyframes barberpole {
  from { background-position: 0 0; }
  to   { background-position: -($stripeWidth * 2) $stripeWidth; }
}

@keyframes barberpole {
  from { background-position: 0 0; }
  to   { background-position: -($stripeWidth * 2) $stripeWidth; }
}