/* ============================================
   MTG CANONICAL COLORS
   These are fixed Magic: The Gathering color identity colors.
   They never change between themes — they are part of the
   game's visual language and must remain recognizable.
   ============================================ */
:root {
    /* MTG Mana Production UI Colors (slightly different from pure identity) */
    --mtg-white-mana: #F0EFD8;
    --mtg-blue-mana: #4a90d9;
    --mtg-black-mana: #373737;
    --mtg-red-mana: #e05c4b;
    --mtg-green-mana: #5cb85c;
    --mtg-generic-mana: #706e6eff;
    --mtg-multicolor: #CFB53B;

    /* MTG Two-Color Guild Pairs */
    --mtg-azorius: #70A1D7;    /* WU - white/blue */
    --mtg-dimir: #4B4D7F;      /* UB - blue/black */
    --mtg-rakdos: #A65257;     /* BR - black/red */
    --mtg-gruul: #8E9D5E;      /* RG - red/green */
    --mtg-selesnya: #96B18D;   /* GW - green/white */
    --mtg-orzhov: #A69F9D;     /* WB - white/black */
    --mtg-izzet: #7F9FB8;      /* UR - blue/red */
    --mtg-golgari: #607253;    /* BG - black/green */
    --mtg-boros: #D38A7F;      /* RW - red/white */
    --mtg-simic: #529785;      /* GU - green/blue */
    --mtg-gold: #D4AF37;       /* Shards/Wedges/WUBRG multicolor */

    /* MTG Card Rarities */
    --rarity-common: #373737;
    --rarity-uncommon: #BBC5D5;
    --rarity-rare: #FFE182;
    --rarity-mythic: #FF9550;

    /* ============================================
       SYNERGY TYPE COLORS
       Each synergy category has a fixed color identity used
       across all chart visualizations and badge indicators.
       ============================================ */
    --synergy-keyword: #3498db;
    --synergy-tribal: #27ae60;
    --synergy-etb: #9b59b6;
    --synergy-trigger: #e74c3c;
    --synergy-conditional: #f39c12;
    --synergy-combo: #e91e63;
    --synergy-color-match: #95a5a6;
    --synergy-treasure: #FFD700;
    --synergy-tokens: #8BC34A;
    --synergy-artifact-tokens: #AED581;
    --synergy-artifacts: #607D8B;
    --synergy-aristocrats: #4A0080;
    --synergy-lifegain: #F8BBD0;
    --synergy-counters: #00BCD4;
    --synergy-poison: #4CAF50;
    --synergy-energy: #03A9F4;
    --synergy-graveyard: #3E2723;
    --synergy-blink: #E1BEE7;
    --synergy-spellslinger: #FF5722;
    --synergy-enchantments: #AB47BC;
    --synergy-landfall: #795548;
    --synergy-ramp: #43A047;
    --synergy-equipment: #BDBDBD;
    --synergy-draw: #1E88E5;
    --synergy-exile: #FF8A65;
    --synergy-protection: #81C784;
    --synergy-tutors: #FFF176;
    --synergy-removal: #EF5350;
    --synergy-stax: #90A4AE;
    --synergy-combat: #D32F2F;
    --synergy-copy: #4DB6AC;
    --synergy-tap-untap: #64B5F6;
    --synergy-legendary: #FFB300;
    --synergy-planeswalkers: #BA68C8;
    --synergy-keywords: #CDDC39;
    --synergy-stats: #A1887F;
    --synergy-commander: #FF5252;
    --synergy-theft: #673AB7;
    --synergy-politics: #009688;

    /* ============================================
       CATEGORICAL CHART PALETTE
       14-color palette for pie charts, bar charts,
       and other multi-series data visualizations.
       ============================================ */
    --chart-cat-1: #3b82f6;
    --chart-cat-2: #10b981;
    --chart-cat-3: #f59e0b;
    --chart-cat-4: #ef4444;
    --chart-cat-5: #8b5cf6;
    --chart-cat-6: #ec4899;
    --chart-cat-7: #06b6d4;
    --chart-cat-8: #f97316;
    --chart-cat-9: #14b8a6;
    --chart-cat-10: #6366f1;
    --chart-cat-11: #d946ef;
    --chart-cat-12: #84cc16;
    --chart-cat-13: #22d3ee;
    --chart-cat-14: #64748b;

    /* ============================================
       DECK ARCHETYPE RADAR COLORS
       Fixed colors for the archetype radar/spider chart.
       ============================================ */
    --archetype-aggro: #e74c3c;
    --archetype-tribal: #e67e22;
    --archetype-protection: #1abc9c;
    --archetype-control: #3498db;
    --archetype-ramp: #27ae60;
    --archetype-draw: #f39c12;
    --archetype-combo: #9b59b6;
    --archetype-balanced: #2ecc71;
}