@import '~nes.css/scss/base/color-palette';

$game-boy-1: #e3eec0;
$game-boy-2: #aeba89;
$game-boy-3: #5e6745;
$game-boy-4: #202020;

$game-boy-pocket-1: #e0dbcd;
$game-boy-pocket-2: #a89f94;
$game-boy-pocket-3: #706b66;
$game-boy-pocket-4: #2b2b26;

$gbc-pokemon-red-1: #ffefff;
$gbc-pokemon-red-2: #f7b58c;
$gbc-pokemon-red-3: #84739c;
$gbc-pokemon-red-4: #181010;

$gbc-pokemon-blue-1: #e7e8f3;
$gbc-pokemon-blue-2: #8c83c3;
$gbc-pokemon-blue-3: #634d8f;
$gbc-pokemon-blue-4: #120b19;

$gray-scale-1: #fff;
$gray-scale-2: #b6b6b6;
$gray-scale-3: #676767;
$gray-scale-4: #000;

$custom-light: #f9f9f9;
$custom-hover: #e8e8e8;
$custom-medium: #939393;
$custom-dark: #3d3d3d;

$nes-dark: $color-black;

// $main-background-color: $custom-light;
// $main-font-primary-color: $custom-dark;
// $main-font-secondary-color: $custom-medium;
// $main-hover-color: $custom-hover;
// $main-border-color: $custom-dark;
$main-background-color: $gray-scale-1;
$main-font-primary-color: $gray-scale-4;
$main-font-secondary-color: $gray-scale-2;
$main-active-background-color: $gray-scale-3;
$main-active-font-color: $gray-scale-1;
$main-border-color: $gray-scale-4;

$main-hover-color: darken($main-background-color, 5%);

$great-league-color: #4d6ed0;
$ultra-league-color: #5e30a3;
$master-league-color: #475b5e;
$custom-league-color: #f00;
$league-colors: (
  great: (
    primary: $great-league-color,
    border: $nes-dark,
    hover: lighten($great-league-color, 10),
    // active: #355aca,
    blur: lighten($great-league-color, 30),
    blur-border: lighten($nes-dark, 10),
    shadow: #1a3ea7,
    contrast: #fff
  ),
  ultra: (
    primary: $ultra-league-color,
    border: $nes-dark,
    hover: lighten($ultra-league-color, 10),
    // active: #50298b,
    blur: lighten($ultra-league-color, 30),
    blur-border: lighten($nes-dark, 10),
    shadow: #342085,
    contrast: #fff
  ),
  master: (
    primary: $master-league-color,
    border: $nes-dark,
    hover: lighten($master-league-color, 10),
    // active: #3a4a4d,
    blur: lighten($master-league-color, 30),
    blur-border: lighten($nes-dark, 10),
    shadow: #2f4947,
    contrast: #fff
  ),
  custom: (
    primary: $custom-league-color,
    border: $nes-dark,
    hover: lighten($custom-league-color, 10),
    blur: lighten($custom-league-color, 30),
    blur-border: lighten($nes-dark, 10),
    shadow: darkred,
    contrast: #fff
  )
);

// https://bulbapedia.bulbagarden.net/wiki/Category:Type_color_templates
$type-colors: (
  normal: (
    primary: #a8a878,
    contrast: #fff
  ),
  fire: (
    primary: #f08030,
    contrast: #fff
  ),
  fighting: (
    primary: #c03028,
    contrast: #fff
  ),
  water: (
    primary: #6890f0,
    contrast: #fff
  ),
  flying: (
    primary: #a890f0,
    contrast: #fff
  ),
  grass: (
    primary: #78c850,
    contrast: #fff
  ),
  poison: (
    primary: #a040a0,
    contrast: #fff
  ),
  electric: (
    primary: #f8d030,
    contrast: #fff
  ),
  ground: (
    primary: #e0c068,
    contrast: #fff
  ),
  psychic: (
    primary: #f85888,
    contrast: #fff
  ),
  rock: (
    primary: #b8a038,
    contrast: #fff
  ),
  ice: (
    primary: #98d8d8,
    contrast: #fff
  ),
  bug: (
    primary: #a8b820,
    contrast: #fff
  ),
  dragon: (
    primary: #6f35fc,
    contrast: #fff
  ),
  ghost: (
    primary: #705898,
    contrast: #fff
  ),
  dark: (
    primary: #705848,
    contrast: #fff
  ),
  steel: (
    primary: #b8b8d0,
    contrast: #fff
  ),
  fairy: (
    primary: #ee99ac,
    contrast: #fff
  )
);