/**
 * POKÉMON COLORDEX - 12-Color Futureproof System
 * Based on Pokémon Aaah! Colordex research and color theory
 * 
 * Structure for each type:
 * - Primary 3: light, normal, dark (matches synthesize gradient)
 * - Complementary 3: for contrast gradients
 * - Alternative 3: for variations/preselects
 * - Advanced 3: for special effects (burn, glow, etc.)
 */

:root {
  /* ===== FIRE ===== */
  /* Primary (from synthesize) */
  --fire-light: #E66F80;
  --fire-normal: #D8223B;
  --fire-dark: #8C1626;
  /* Complementary (blue-cyan tones) */
  --fire-complement1: #6FE6D5;
  --fire-complement2: #3BAAD8;
  --fire-complement3: #26788C;
  /* Alternative (orange-red spectrum) */
  --fire-alt1: #FF7F50;
  --fire-alt2: #FF6347;
  --fire-alt3: #DC143C;
  /* Advanced (for burning/glow) */
  --fire-advanced1: #FFA500;
  --fire-advanced2: #FF4500;
  --fire-advanced3: #8B0000;

  /* ===== WATER ===== */
  /* Primary (from synthesize) */
  --water-light: #5DC6E6;
  --water-normal: #05A8D9;
  --water-dark: #036D8D;
  /* Complementary (orange tones) */
  --water-complement1: #E6A55D;
  --water-complement2: #D98805;
  --water-complement3: #8D5703;
  /* Alternative (aqua-blue spectrum) */
  --water-alt1: #48D1CC;
  --water-alt2: #00CED1;
  --water-alt3: #008B8B;
  /* Advanced (for bubbles/waves) */
  --water-advanced1: #87CEEB;
  --water-advanced2: #4682B4;
  --water-advanced3: #00008B;

  /* ===== GRASS ===== */
  /* Primary (from synthesize) */
  --grass-light: #6AC588;
  --grass-normal: #19A648;
  --grass-dark: #106C2F;
  /* Complementary (red-pink tones) */
  --grass-complement1: #C56A88;
  --grass-complement2: #A61948;
  --grass-complement3: #6C102F;
  /* Alternative (yellow-green spectrum) */
  --grass-alt1: #9ACD32;
  --grass-alt2: #7CFC00;
  --grass-alt3: #228B22;
  /* Advanced (for leaves/nature) */
  --grass-advanced1: #ADFF2F;
  --grass-advanced2: #32CD32;
  --grass-advanced3: #006400;

  /* ===== ELECTRIC (LIGHTNING) ===== */
  /* Primary (from synthesize) */
  --electric-light: #FDE06F;
  --electric-normal: #FCD021;
  --electric-dark: #A48715;
  /* Complementary (purple-blue tones) */
  --electric-complement1: #6F6FDE;
  --electric-complement2: #2121FC;
  --electric-complement3: #1515A4;
  /* Alternative (bright yellow spectrum) */
  --electric-alt1: #FFFF00;
  --electric-alt2: #FFD700;
  --electric-alt3: #DAA520;
  /* Advanced (for sparks/lightning) */
  --electric-advanced1: #F0E68C;
  --electric-advanced2: #FFFF66;
  --electric-advanced3: #B8860B;

  /* ===== PSYCHIC ===== */
  /* Primary (from synthesize) */
  --psychic-light: #D4A5FF;
  --psychic-normal: #A855F7;
  --psychic-dark: #7C3AED;
  /* Complementary (yellow-green tones) */
  --psychic-complement1: #FFD4A5;
  --psychic-complement2: #F7A855;
  --psychic-complement3: #ED7C3A;
  /* Alternative (pink-purple spectrum) */
  --psychic-alt1: #DA70D6;
  --psychic-alt2: #BA55D3;
  --psychic-alt3: #9370DB;
  /* Advanced (for psychic glow) */
  --psychic-advanced1: #E0B0FF;
  --psychic-advanced2: #C77DFF;
  --psychic-advanced3: #6A0DAD;

  /* ===== FIGHTING ===== */
  /* Primary (from synthesize) */
  --fighting-light: #CC997A;
  --fighting-normal: #B16232;
  --fighting-dark: #734021;
  /* Complementary (teal-blue tones) */
  --fighting-complement1: #7ACCCC;
  --fighting-complement2: #32B1B1;
  --fighting-complement3: #217373;
  /* Alternative (red-brown spectrum) */
  --fighting-alt1: #CD5C5C;
  --fighting-alt2: #A0522D;
  --fighting-alt3: #8B4513;
  /* Advanced (for impact effects) */
  --fighting-advanced1: #D2691E;
  --fighting-advanced2: #B8421D;
  --fighting-advanced3: #5D2906;

  /* ===== DARK (DARKNESS) ===== */
  /* Primary (from synthesize) */
  --dark-light: #77A2A7;
  --dark-normal: #2E7077;
  --dark-dark: #1E494D;
  /* Complementary (warm yellow tones) */
  --dark-complement1: #A77777;
  --dark-complement2: #772E2E;
  --dark-complement3: #4D1E1E;
  /* Alternative (blue-gray spectrum) */
  --dark-alt1: #4F5A5F;
  --dark-alt2: #36454F;
  --dark-alt3: #2C3539;
  /* Advanced (for shadows) */
  --dark-advanced1: #4A5859;
  --dark-advanced2: #2F4F4F;
  --dark-advanced3: #000000;

  /* ===== METAL ===== */
  /* Primary (from synthesize) */
  --metal-light: #BEC0B4;
  --metal-normal: #9B9E8C;
  --metal-dark: #65675B;
  /* Complementary (copper tones) */
  --metal-complement1: #C0B4BE;
  --metal-complement2: #9E8C9B;
  --metal-complement3: #675B65;
  /* Alternative (silver-steel spectrum) */
  --metal-alt1: #C0C0C0;
  --metal-alt2: #A8A8A8;
  --metal-alt3: #808080;
  /* Advanced (for shine/chrome) */
  --metal-advanced1: #E5E5E5;
  --metal-advanced2: #B0B0B0;
  --metal-advanced3: #696969;

  /* ===== FAIRY ===== */
  /* Primary (from synthesize) */
  --fairy-light: #EE99AC;
  --fairy-normal: #D4A5FF;
  --fairy-dark: #C76383;
  /* Complementary (green tones) */
  --fairy-complement1: #99EEAC;
  --fairy-complement2: #A5FFD4;
  --fairy-complement3: #63C783;
  /* Alternative (pink spectrum) */
  --fairy-alt1: #FFB6D9;
  --fairy-alt2: #FF69B4;
  --fairy-alt3: #FF1493;
  /* Advanced (for sparkles/magic) */
  --fairy-advanced1: #FFC0CB;
  --fairy-advanced2: #FFB3DE;
  --fairy-advanced3: #DB7093;

  /* ===== DRAGON ===== */
  /* Primary */
  --dragon-light: #7B9FEE;
  --dragon-normal: #C8A028;
  --dragon-dark: #5A3A00;
  /* Complementary (gold-yellow tones) */
  --dragon-complement1: #EE9F7B;
  --dragon-complement2: #D4A855;
  --dragon-complement3: #8C5E00;
  /* Alternative (blue-purple spectrum) */
  --dragon-alt1: #6A5ACD;
  --dragon-alt2: #483D8B;
  --dragon-alt3: #2E1A47;
  /* Advanced (for mystical effects) */
  --dragon-advanced1: #9370DB;
  --dragon-advanced2: #8A2BE2;
  --dragon-advanced3: #4B0082;

  /* ===== COLORLESS ===== */
  /* Primary (white-gray) */
  --colorless-light: #FFFFFF;
  --colorless-normal: #F8F9FA;
  --colorless-dark: #E5E7EB;
  /* Complementary (warm gray tones) */
  --colorless-complement1: #FAF8F5;
  --colorless-complement2: #E9E7E5;
  --colorless-complement3: #D4D2D0;
  /* Alternative (cool gray spectrum) */
  --colorless-alt1: #F5F5F5;
  --colorless-alt2: #DCDCDC;
  --colorless-alt3: #C0C0C0;
  /* Advanced (for highlights) */
  --colorless-advanced1: #FAFAFA;
  --colorless-advanced2: #E0E0E0;
  --colorless-advanced3: #9E9E9E;

  /* ===== EXPERIMENTAL TYPES ===== */

  /* ===== POISON (EXPERIMENTAL) ===== */
  /* Primary (purple-toxic) */
  --poison-light: #C183C1;
  --poison-normal: #A040A0;
  --poison-dark: #803E75;
  /* Complementary (yellow-green tones) */
  --poison-complement1: #C1C183;
  --poison-complement2: #A0A040;
  --poison-complement3: #75803E;
  /* Alternative (magenta spectrum) */
  --poison-alt1: #C71585;
  --poison-alt2: #9932CC;
  --poison-alt3: #8B008B;
  /* Advanced (for toxic effects) */
  --poison-advanced1: #DA70D6;
  --poison-advanced2: #BA55D3;
  --poison-advanced3: #6A0DAD;

  /* ===== FLYING (EXPERIMENTAL) ===== */
  /* Primary (sky blue) */
  --flying-light: #C8D5F0;
  --flying-normal: #A890F0;
  --flying-dark: #6D5E9C;
  /* Complementary (peach tones) */
  --flying-complement1: #F0C8D5;
  --flying-complement2: #F0A890;
  --flying-complement3: #9C6D5E;
  /* Alternative (lavender spectrum) */
  --flying-alt1: #E6E6FA;
  --flying-alt2: #B0C4DE;
  --flying-alt3: #778899;
  /* Advanced (for wind effects) */
  --flying-advanced1: #87CEEB;
  --flying-advanced2: #87CEFA;
  --flying-advanced3: #4682B4;

  /* ===== GROUND (EXPERIMENTAL) ===== */
  /* Primary (earth tan) */
  --ground-light: #EDD8A0;
  --ground-normal: #E0C068;
  --ground-dark: #927D44;
  /* Complementary (blue tones) */
  --ground-complement1: #A0C8ED;
  --ground-complement2: #68A0E0;
  --ground-complement3: #447D92;
  /* Alternative (brown spectrum) */
  --ground-alt1: #D2B48C;
  --ground-alt2: #BC8F8F;
  --ground-alt3: #A0826D;
  /* Advanced (for sand/dirt) */
  --ground-advanced1: #DEB887;
  --ground-advanced2: #D2691E;
  --ground-advanced3: #8B4513;

  /* ===== ROCK (EXPERIMENTAL) ===== */
  /* Primary (stone gray) */
  --rock-light: #D4C088;
  --rock-normal: #B8A038;
  --rock-dark: #786824;
  /* Complementary (purple-blue tones) */
  --rock-complement1: #88A0D4;
  --rock-complement2: #3856B8;
  --rock-complement3: #243078;
  /* Alternative (granite spectrum) */
  --rock-alt1: #A9A9A9;
  --rock-alt2: #808080;
  --rock-alt3: #696969;
  /* Advanced (for stone/minerals) */
  --rock-advanced1: #778899;
  --rock-advanced2: #708090;
  --rock-advanced3: #2F4F4F;

  /* ===== GHOST (EXPERIMENTAL) ===== */
  /* Primary (ethereal purple) */
  --ghost-light: #A088C0;
  --ghost-normal: #735797;
  --ghost-dark: #493963;
  /* Complementary (yellow tones) */
  --ghost-complement1: #C0A088;
  --ghost-complement2: #977335;
  --ghost-complement3: #634949;
  /* Alternative (shadow spectrum) */
  --ghost-alt1: #9370DB;
  --ghost-alt2: #6A5ACD;
  --ghost-alt3: #483D8B;
  /* Advanced (for spectral effects) */
  --ghost-advanced1: #8A2BE2;
  --ghost-advanced2: #7B68EE;
  --ghost-advanced3: #4B0082;

  /* ===== ICE (EXPERIMENTAL) ===== */
  /* Primary (cyan-ice) */
  --ice-light: #C0F0F0;
  --ice-normal: #98D8D8;
  --ice-dark: #638D8D;
  /* Complementary (warm peach tones) */
  --ice-complement1: #F0C0C0;
  --ice-complement2: #D89898;
  --ice-complement3: #8D6363;
  /* Alternative (blue-white spectrum) */
  --ice-alt1: #E0FFFF;
  --ice-alt2: #AFEEEE;
  --ice-alt3: #5F9EA0;
  /* Advanced (for frost/snow) */
  --ice-advanced1: #F0F8FF;
  --ice-advanced2: #ADD8E6;
  --ice-advanced3: #4682B4;

  /* ===== STEEL (EXPERIMENTAL) ===== */
  /* Primary (steel blue-gray) */
  --steel-light: #D8D8E8;
  --steel-normal: #B8B8D0;
  --steel-dark: #787887;
  /* Complementary (bronze tones) */
  --steel-complement1: #E8D8D8;
  --steel-complement2: #D0B8B8;
  --steel-complement3: #877878;
  /* Alternative (metallic spectrum) */
  --steel-alt1: #C0C0C0;
  --steel-alt2: #A8A8A8;
  --steel-alt3: #808080;
  /* Advanced (for chrome/shine) */
  --steel-advanced1: #E5E5E5;
  --steel-advanced2: #B0B0B0;
  --steel-advanced3: #696969;

  /* ===== NORMAL (EXPERIMENTAL) ===== */
  /* Primary (tan-beige) */
  --normal-light: #DEDED0;
  --normal-normal: #C6C6A7;
  --normal-dark: #838370;
  /* Complementary (cool gray tones) */
  --normal-complement1: #D0DEDE;
  --normal-complement2: #A7C6C6;
  --normal-complement3: #708383;
  /* Alternative (cream spectrum) */
  --normal-alt1: #F5F5DC;
  --normal-alt2: #EEE8AA;
  --normal-alt3: #BDB76B;
  /* Advanced (for neutral effects) */
  --normal-advanced1: #FAF0E6;
  --normal-advanced2: #FAEBD7;
  --normal-advanced3: #D2B48C;
}

/* Color preset helper classes for easy access */
.color-primary { color: var(--type-normal); }
.color-light { color: var(--type-light); }
.color-dark { color: var(--type-dark); }
.bg-primary { background-color: var(--type-normal); }
.bg-light { background-color: var(--type-light); }
.bg-dark { background-color: var(--type-dark); }