@import "foundation/functions";

// Planet Foundation Theme Variables
$pf-color-purple: #370065;
$pf-color-orange: #f69506;
$pf-color-brown: #442e27;
$pf-color-green: #006300;
$pf-color-blue: #00228c;
$pf-color-red: #800000;
$pf-img-border-color: #000;
$pf-header-font-family: 'Belleza', sans-serif;
$pf-paragraph-font-family: "Open Sans", sans-serif;

// Foundation Variables Override
$screen: "only screen";

$small-range: (0em, 40em);
$medium-range: (40.063em, 64em);
$large-range: (64.063em, 90em);

$large-up: "#{$screen} and (min-width:#{lower-bound($large-range)})";
$medium-up: "#{$screen} and (min-width:#{lower-bound($medium-range)})";
$small-only: "#{$screen} and (max-width: #{upper-bound($small-range)})";

$topbar-breakpoint: emCalc(940); // Change to 9999px for always mobile layout
//$topbar-height: 45px;
