@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-colors: (
  primary: #649bde,
  shadow: #243897,
);
$ultra-league-colors: (
  primary: #516d76,
  shadow: #262d31,
);
$master-league-colors: (
  primary: #703fb1,
  shadow: #361b7c,
);
$custom-league-colors: (
  primary: #f00,
  shadow: darkred,
);
$league-colors: (
  great: (
    active: (
      background-color: map-get($great-league-colors, 'primary'),
      box-shadow-color: map-get($great-league-colors, 'shadow'),
      border-color: $nes-dark,
      color: #fff,
    ),
    blur: (
      background-color: lighten(map-get($great-league-colors, 'primary'), 30),
      box-shadow-color: lighten(map-get($great-league-colors, 'shadow'), 40),
      border-color: $nes-dark,
      color: $nes-dark,
    ),
    hover: (
      background-color: lighten(map-get($great-league-colors, 'primary'), 30),
      box-shadow-color: lighten(map-get($great-league-colors, 'shadow'), 40),
      border-color: $nes-dark,
      color: $nes-dark,
    ),
  ),
  ultra: (
    active: (
      background-color: map-get($ultra-league-colors, 'primary'),
      box-shadow-color: map-get($ultra-league-colors, 'shadow'),
      border-color: $nes-dark,
      color: #fff,
    ),
    blur: (
      background-color: lighten(map-get($ultra-league-colors, 'primary'), 40),
      box-shadow-color: lighten(map-get($ultra-league-colors, 'shadow'), 40),
      border-color: $nes-dark,
      color: $nes-dark,
    ),
    hover: (
      background-color: lighten(map-get($ultra-league-colors, 'primary'), 40),
      box-shadow-color: lighten(map-get($ultra-league-colors, 'shadow'), 40),
      border-color: $nes-dark,
      color: $nes-dark,
    ),
  ),
  master: (
    active: (
      background-color: map-get($master-league-colors, 'primary'),
      box-shadow-color: map-get($master-league-colors, 'shadow'),
      border-color: $nes-dark,
      color: #fff,
    ),
    blur: (
      background-color: lighten(map-get($master-league-colors, 'primary'), 40),
      box-shadow-color: lighten(map-get($master-league-colors, 'shadow'), 40),
      border-color: $nes-dark,
      color: $nes-dark,
    ),
    hover: (
      background-color: lighten(map-get($master-league-colors, 'primary'), 40),
      box-shadow-color: lighten(map-get($master-league-colors, 'shadow'), 40),
      border-color: $nes-dark,
      color: $nes-dark,
    ),
  ),
  custom: (
    active: (
      background-color: map-get($custom-league-colors, 'primary'),
      box-shadow-color: map-get($custom-league-colors, 'shadow'),
      border-color: $nes-dark,
      color: #fff,
    ),
    blur: (
      background-color: lighten(map-get($custom-league-colors, 'primary'), 40),
      box-shadow-color: lighten(map-get($custom-league-colors, 'shadow'), 40),
      border-color: $nes-dark,
      color: $nes-dark,
    ),
    hover: (
      background-color: lighten(map-get($custom-league-colors, 'primary'), 40),
      box-shadow-color: lighten(map-get($custom-league-colors, 'shadow'), 40),
      border-color: $nes-dark,
      color: $nes-dark,
    ),
  ),
);

// 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
  )
);
