// Basic
$white: #fff;
$black: #000;
$red: #f04155; // used by bourbon, use $booster-red instead for our styles
$transparent: rgba(0, 0, 0, 0);

// Style Guide Colors -- add as needed
$light-lime: #f4faed;
$lime: #92c746;
$dark-lime: #74a529;

$light-green: #ecf6e8;
$green: #3ba510;
$dark-green: #327216;

$light-teal: #e5f8f8;
$teal: #00b5b5;
$dark-teal: #0b7878;

$light-blue: #eefafe;
$blue: #53c8ed;
$dark-blue: #0080a4;

$light-periwinkle: #ebf5fb;
$periwinkle: #3595d6;
$dark-periwinkle: #005b98;

$light-ultramarine: #eceff9;
$ultramarine: #425dbf;
$dark-ultramarine: #132d89;

$light-violet: #f1ebf5;
$violet: #6f3598;
$dark-violet: #4a1672;

$light-purple: #f6e7f2;
$purple: #9f0f7b;
$dark-purple: #74125d;

$light-pink: #fbe7f0;
$pink: #d50f67;
$dark-pink: #8c0e45;

$light-scarlet: #ffefe8;
$scarlet: #ff6d19;
$dark-scarlet: #d12f11;

$light-orange: #fff9eb;
$orange: #ffba32;
$dark-orange: #e58900;

$light-yellow: #fffcf1;
$yellow: #fada6c;
$dark-yellow: #f2c100;
$accessible-yellow: #866b00;

$light-booster-red: #f7e7e7;
$booster-red: #af1111;

$light-accessible-green: #eaf3e7;
$accessible-green: #2f850d;

$light-accessible-blue: #e8f1fa;
$accessible-blue: #1871c9;

$light-accessible-pink: #f2dfe7;
$accessible-pink: #b90f59;

// For use with gradients
$orchid: #ac04c4;
$deep-blue: #1563b0;
$light-gold: #d4bb6f;
$gold: #996c15;
$dark-gold: #825303;

// Grays
$gray1: #f7f9fa;
$gray1b: #f2f5f7;
$gray2: #edeff0;
$gray3: #e3e5e6;
$gray4: #d4d6d6;
$gray5: #c0c1c2;
$gray6: #9c9ea1;
$gray7: #6b6b6b;
$gray8: #333435;
$gray9: #0d0e0e;

// Accessibility
/* These colors are for meeting WCAG 2.1 AA requirements for active, focus, hover state contrast.
   Contrast is > 3:1 */
$blue-accessible-contrast: darken($accessible-blue, 30%);
$green-accessible-contrast: darken($accessible-green, 18%);
$booster-red-accessible-contrast: darken($booster-red, 30%);
$pink-accessible-contrast: darken($pink, 30%);
$gray-accessible-contrast: $gray7;

// Print Grays
$print-gray1: #f6f6f6;
$print-gray2: #e1e1e1;
$print-gray3: #424242;

// System Styles
$base-link: $accessible-blue;
$hover-link: $dark-periwinkle;
$button-color: $accessible-blue;
$button-hover: $blue-accessible-contrast;
$action-color: $accessible-green;
$filter-color: $accessible-blue;

// Ancestry Composition Regions
$european: $dark-periwinkle; // broadly european
$north-european: $blue; // northern european
$south-european: $dark-blue; // southern european
$east-european: $teal; // eastern european
$ashkenazi: $dark-teal; // ashkenazi jewish

$asian-native-american: $dark-scarlet; // broadly asian and native american
$east-asian: $scarlet; // east asian
$south-asian: $dark-orange; // south asian
$southeast-asian: $orange; // south east asian
$native-american: $yellow; // native american

$oceania: $lime; // oceania

$sub-saharan: $dark-pink; // broadly sub-saharan african
$west-african: $pink; // west african
$east-african: $purple; // east african
$south-african: $dark-purple; // central/south african

$mena: $dark-violet; // broadly middle eastern and north african
$middle-eastern: $ultramarine; // middle eastern
$north-african: $violet; // north african

// Countries
$balkan: #015b89;
$british-irish: #145b96;
$chinese: #e7310e;
$finnish: #0a75a9;
$french-german: #0079e1;
$iberian: #26aeda;
$italian: #0a75a9;
$japanese: #640000;
$korean: #ad0d00;
$mongolian: #f45844;
$sardinian: #148cc7;
$scandinavian: #0c3b60;
$yakut: #f05a19;

$unassigned: $gray5; // unassigned

// Traits, hair color
$brown: #e48800;
$light-brown: #ffb931;
$blond: #f1c100;
$light-blond: #f9da6c;

// Background Color
$base-background-color: $white;

// Font Colors
$base-font-color: $gray8;

// Border color
$base-border-color: $gray3;
$base-border: 1px solid $base-border-color;
$print-border: 1pt solid $print-gray2;

// Social
$facebook: #3b5998;
$dark-facebook: #304a80;
$twitter: #55acee;
$dark-twitter: #4a96d0;
$instagram: #d200c5;
$youtube: #e52d27;