/* Violet2 Theme */
:root {
    /* ============================================
       THEME COLOR
       ============================================ */
    --theme-color:                            #6236c9; /* Main theme accent color */
    /* ============================================
       GRADIENT SYSTEM
       ============================================ */
    --menu-header-gradient-start:             #1b191f;
    --menu-header-gradient-end:               #0c0b0e;
    --header-gradient-start:                  #1b191f;
    --header-gradient-end:                    #0c0b0e;
    /* ============================================
       SECTION COLORS
       ============================================ */
    --body-bg:                                #0f0d11; /* Body background color */
    --menu-section-bg:                        #18171c; /* Menu section background */
    --main-section-bg:                        #18171c; /* Main section background */
    --secondary-section:                      #27252d; /* Secondary section background */
    --bg-hover:                               #2c2a32; /* Section / row background hover */
    /* ============================================
       HEADER TEXT COLORS
       ============================================ */
    --header-text-a-color:                    #f4f4f6;
    --header-text-p-color:                    #f4f4f6;
    --header-text-hover:                      var(--theme-color);
    --menu-section-header-text:               #f4f4f6;
    --menu-section-hover-header-text-p:       var(--theme-color);
    /* ============================================
       TEXT COLORS
       ============================================ */
    --text-a:                                 #c1b7d7;
    --text-a-hover:                           var(--theme-color);
    --text-p:                                 #f4f4f6;
    --text-h1:                                #7145d9;
    --text-h2:                                #e250ca;
    --text-h3:                                #d3dd7e;
    --text-muted:                             #9992aa;
    --text-time:                              #b556d2;
    --text-hover:                             var(--theme-color); /* Menu / topbalk text hover */
    /* ============================================
       MESSAGE BANNER COLORS
       ============================================ */
    --message-success:                        var(--color-green); /* Success banner */
    --message-failed:                         var(--color-red); /* Failed banner */
    --message-error:                          var(--message-failed); /* Error banner */
    --message-info:                           var(--color-blue); /* Info banner */
    --message-warning:                        #f59e0b; /* Warning banner */
    --message-happy-hour:                     var(--message-warning); /* Happy Hour banner */
    --message-double-xp:                      var(--message-warning); /* Double XP banner */
    --message-clan-domination:                var(--color-gold); /* Clan Domination banner */
    --message-mid-round-campaign:             var(--theme-color); /* Mid-round / stat campaign banner */
    --message-turn-info:                      var(--color-yellow); /* Turn-info banner */
    --message-admin:                          var(--color-purple); /* Admin / system banner */
    --message-text:                           var(--text-p); /* Message body text */
    /* ============================================
       PALETTE COLORS
       ============================================ */
    --color-red:                              #ef4444;
    --color-red-secondary:                    #dc2626;
    --color-green:                            #22c55e;
    --color-green-secondary:                  #16a34a;
    --color-yellow:                           #eab308;
    --color-blue:                             #3b82f6;
    --color-blue-secondary:                   #1d4ed8;
    --color-orange:                           #f97316;
    --color-purple:                           #a855f7;
    --color-cyan:                             #22d3ee;
    --color-pink:                             #ec4899;
    --color-teal:                             #14b8a6;
    --color-lime:                             #84cc16;
    --color-indigo:                           #6366f1;
    --color-gray:                             #94a3b8;
    --color-gray-secondary:                   #64748b;
    --color-white:                            #ffffff;
    --color-black:                            #000000;
    --color-premium:                          var(--theme-color);
    /* ============================================
       REWARD TYPE COLORS
       ============================================ */
    --color-money:                            var(--color-green); /* Cash */
    --color-bank:                             var(--color-money); /* Bank (defaults to money) */
    --color-gold:                             var(--color-yellow); /* Gold */
    --color-gold-bright:                      #ffd700; /* Bright gold */
    --color-xp:                               var(--color-yellow); /* Experience points */
    --color-shooting-xp:                      var(--color-gray); /* Shooting experience */
    --color-bullets:                          var(--color-blue); /* Bullets */
    --color-hookers:                          var(--color-orange); /* Hookers */
    --color-honor:                            var(--color-purple); /* Honor points */
    --color-cars:                             var(--color-cyan); /* Cars */
    --color-item:                             var(--theme-color); /* Standard items */
    --color-item-global:                      var(--color-gold); /* Global items */
    --color-loss:                             var(--color-red); /* Losses / penalties */
    /* ============================================
       PROTECTION COLORS
       ============================================ */
    --color-territory-protection:             var(--theme-color);
    --color-kill-protection:                  var(--theme-color);
    --color-attack-protection:                var(--theme-color);
    /* ============================================
       MENU LIST ITEM COLORS
       ============================================ */
    --menu-li-color:                          var(--text-p);
    --menu-li-hover:                          #312f37;
    /* ============================================
       TOPBALK COUNT COLORS
       ============================================ */
    --message-count-color:                    var(--text-h1);
    --player-count-color:                     #a994db;
    --showcase-count-color:                   var(--theme-color);
    --jail-count-color:                       #f87171;
    --casino-count-color:                     var(--color-lime);
    --notification-count-color:               var(--theme-color);
    /* ============================================
       BUTTON COLORS
       ============================================ */
    --button-primary-color:                   #27252d;
    --button-primary-hover:                   var(--theme-color);
    --button-secondary-color:                 #312f37;
    --button-secondary-hover:                 #27252d;
    /* ============================================
       FORM ELEMENT COLORS
       ============================================ */
    --inputs:                                 #1f1d26;
    --inputs-placeholder:                     var(--text-muted); /* Input/textarea placeholder text */
    --dropdown-list-hover:                    var(--theme-color);
    --radiobuttons:                           #1f1d26;
    --radiobuttons-hover:                     var(--theme-color);
    --radiobuttons-active:                    var(--theme-color);
    /* ============================================
       BORDER COLORS
       ============================================ */
    --border-color:                           #0f0d11;
    --border-hover-color:                     var(--theme-color);
    /* ============================================
       TABLE COLORS
       ============================================ */
    --table-primary:                          #18171c;
    --table-secondary:                        #312f37;
    --table-hover:                            #2c2a32;
    --table-active:                           var(--color-green-secondary);
    --marketplace-row-own:                    var(--table-active);
    --marketplace-row-own-has-bids:           var(--color-yellow);
    --marketplace-row-highest-bid:            var(--color-blue);
    --marketplace-row-overbid:                var(--color-red-secondary);
    /* ============================================
       PROGRESS BAR COLORS
       ============================================ */
    --progress-health:                        var(--message-success);
    --progress-energy:                        var(--color-orange);
    --progress-shooting-experience:           var(--color-gray);
    --progress-achievements:                  var(--color-yellow);
    --progress-player-rank:                   var(--color-orange);
    --progress-jailbreak-rank:                var(--color-green);
    --progress-forum-rank:                    var(--color-blue);
    /* ============================================
       STATUS INDICATOR COLORS
       ============================================ */
    --status-paid:                            var(--message-success);
    --status-not-paid:                        var(--color-yellow);
    --status-war:                             var(--message-failed);
    --status-peace:                           var(--message-success);
    --status-thriving:                        var(--message-success);
    /* ============================================
       ICON FILTERS
       ============================================ */
    --icon-filter-hover:                      drop-shadow(0px 1000px 0 var(--theme-color)); /* Icon hover recolor filter */
    /* ============================================
       NAVIGATION COLORS
       ============================================ */
    --navigation-active:                      var(--text-h1); /* Same as H1 text */
    --navigation-hover:                       var(--theme-color);
    /* ============================================
       ACHIEVEMENT TIER COLORS
       ============================================ */
    --achievement-tier-common:                #9ca3af;
    --achievement-tier-uncommon:              var(--color-green);
    --achievement-tier-rare:                  var(--color-blue);
    --achievement-tier-very-rare:             var(--color-purple);
    --achievement-tier-legendary:             var(--message-warning);
}

body {
    background-color: var(--body-bg);
    color: var(--text-p);
}