// ==========================================================================
// Global Config
// ==========================================================================

// Font Stacks

@import url("https://use.typekit.net/ybu8pgn.css");

$font-family--primary: stolzl, sans-serif;

// Font Weights

$fw--light: 200;
$fw--book: 300;
$fw--medium: 400;
$fw--bold: 700;

// Descriptive Base Colors

$white: #fff;
$black: #000;
$black--trans: rgba(0, 0, 0, 0.7);
$black--trans-light: rgba(0, 0, 0, 0.4);

// Color Usage

$color-primary: $white;
$color-secondary: $black;

$french-gray: #bfbec0;
$bossanova: #5e366e;
$gravel: #4d4a50;
$cape-cod: #3f4444;
$cod-gray: #1b1b1b;
$ironside-gray: #706F68;
$gray: #838181;
$cinder: #130e18;
$silver-chalice: #a0a0a0;
$ebb: #f0eded;
$gallery: #ebebeb;
$gallery--trans: rgba(238, 238, 238, 0.9);

$tory-blue: #006ba6;
$tory-blue--trans: rgba(0, 107, 166, 0.4);
$orange: #ff671f;
$orange--trans: rgba(255, 103, 31, 0.4);
$my-sin: #ffa300;
$my-sin--trans: rgba(255, 163, 0, 0.4);
$casel: #009ca6;
$casel--trans: rgba(0, 156, 166, 0.6);
$mexican-red: #9e2a2b;
$mexican-red--trans: rgba(158, 42, 43, 0.4);
$rio-grande: #c4d600;
$rio-grande--trans: rgba(196, 214, 0, 0.6);
$sea-green: #38903f;
$sea-green--trans: rgba(56, 144, 63, 0.6);
$monza: #ce0037;
$monza--trans: rgba(206, 0, 55, 0.4);

// Color Palette Modifiers

$color-palettes: (white: (dark: darken($white, 8%), x-dark: darken($white, 16%), xx-dark: darken($white, 45%), base: $white));

// Border Radius

$br--default: 10px;
$br--heavy: 30px;
$br--round: 50%;

// Text

$base__font-size: 18px;
$base__line-height: normal;
$letter-space: normal;

// Path

$path--image: "/sites/threeT/themes/threeT/images/";

// Mobile Navigation

$navigation-width: 130px;
$nav-menu-animation-time: 0.3s;

// Breakpoints

$brkpoint__mobile--small: 374px;
$brkpoint__mobile--medium: 410px;
$brkpoint__mobile--large: 500px;
$brkpoint__tablet--small: 767px;
$brkpoint__tablet: 979px;
$brkpoint__large: 1023px;
$brkpoint__extra-large: 1170px;
$brkpoint__1439: 1439px;
$brkpoint__1600: 1600px;
$brkpoint__1900: 1900px;

// Max-width Viewports

$sip-max-width: 1275px;
$percentage-width: 90%;