/* Criminal Records Theme */
:root {
    /* ============================================
       THEME COLOR
       ============================================ */
    --theme-color:                           #ffd000;
    /* ============================================
       GRADIENT SYSTEM
       ============================================ */
    --menu-header-gradient-start:            #444444;
    --menu-header-gradient-end:              #202020;
    --header-gradient-start:                 #444444;
    --header-gradient-end:                   #202020;
    /* ============================================
       SECTION COLORS
       ============================================ */
    --body-bg:                               #323232;
    --menu-section-bg:                       #202020;
    --main-section-bg:                       #202020;
    --secondary-section:                     #242424;
    --bg-hover:                              #2a2a2a;
    /* ============================================
       HEADER TEXT COLORS
       ============================================ */
    --header-text-a-color:                   #ffffff;
    --header-text-p-color:                   #ffffff;
    --header-text-hover:                     #ffd000;
    --menu-section-header-text:              #ffffff;
    --menu-section-hover-header-text-p:      #ffd000;
    /* ============================================
       TEXT COLORS
       ============================================ */
    --text-a:                                #c4c4c4;
    --text-a-hover:                          var(--theme-color);
    --text-p:                                #ffffff;
    --text-h1:                               #41b115;
    --text-h2:                               #ffa600;
    --text-h3:                               #c0d1ff;
    --text-muted:                            #aaaaaa;
    --text-time:                             #ffd000;
    --text-hover:                            var(--theme-color);
    /* ============================================
       MESSAGE BANNER COLORS
       ============================================ */
    --message-success:                       var(--color-green);
    --message-failed:                        var(--color-red);
    --message-error:                         var(--message-failed);
    --message-info:                          #3085ca;
    --message-warning:                       var(--color-orange);
    --message-happy-hour:                    var(--color-yellow);
    --message-double-xp:                     var(--message-warning);
    --message-clan-domination:               var(--color-gold);
    --message-mid-round-campaign:            var(--message-info);
    --message-turn-info:                     var(--color-yellow);
    --message-admin:                         var(--color-blue);
    --message-text:                          var(--text-p);
    /* ============================================
       PALETTE COLORS
       ============================================ */
    --color-red:                             #fd3333;
    --color-red-secondary:                   #941c1c;
    --color-green:                           #0edf0e;
    --color-green-secondary:                 #14a01c;
    --color-yellow:                          #ffd700;
    --color-blue:                            #517cff;
    --color-blue-secondary:                  #1d4ed8;
    --color-orange:                          #ff8c00;
    --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:                         #fa6028;
    /* ============================================
       REWARD TYPE COLORS
       ============================================ */
    --color-money:                           #13aa13;
    --color-bank:                            var(--color-money);
    --color-gold:                            #ffd000;
    --color-gold-bright:                     var(--color-yellow);
    --color-xp:                              var(--color-yellow);
    --color-shooting-xp:                     var(--color-gray);
    --color-bullets:                         var(--color-blue);
    --color-hookers:                         var(--color-orange);
    --color-honor:                           var(--color-purple);
    --color-cars:                            var(--color-cyan);
    --color-item:                            var(--theme-color);
    --color-item-global:                     var(--color-gold);
    --color-drug:                            var(--color-lime);
    --color-material:                        var(--color-teal);
    --color-loss:                            var(--color-red);
    /* ============================================
       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:                         #2a2a2a;
    /* ============================================
       TOPBALK COUNT COLORS
       ============================================ */
    --message-count-color:                   #c0c03e;
    --player-count-color:                    #2296c4;
    --showcase-count-color:                  var(--color-orange);
    --jail-count-color:                      var(--color-red);
    --casino-count-color:                    #19c251;
    --arcade-count-color:                    var(--color-purple);
    --notification-count-color:              #ff4400;
    /* ============================================
       BUTTON COLORS
       ============================================ */
    --button-primary-color:                  #323232;
    --button-primary-hover:                  var(--theme-color);
    --button-secondary-color:                #444444;
    --button-secondary-hover:                #323232;
    /* ============================================
       FORM ELEMENT COLORS
       ============================================ */
    --inputs:                                #323232;
    --inputs-placeholder:                    var(--text-muted);
    --dropdown-list-hover:                   #b40505;
    --radiobuttons:                          #323232;
    --radiobuttons-hover:                    var(--theme-color);
    --radiobuttons-active:                   var(--theme-color);
    /* ============================================
       BORDER COLORS
       ============================================ */
    --border-color:                          #000000;
    --border-hover-color:                    var(--theme-color);
    /* ============================================
       TABLE COLORS
       ============================================ */
    --table-primary:                         #202020;
    --table-secondary:                       #242424;
    --table-hover:                           #323232;
    --table-active:                          #14581a;
    --marketplace-row-own:                   var(--table-active);
    --marketplace-row-own-has-bids:          #224dc4;
    --marketplace-row-highest-bid:           var(--player-count-color);
    --marketplace-row-overbid:               var(--color-red-secondary);
    /* ============================================
       PROGRESS BAR COLORS
       ============================================ */
    --progress-health:                       var(--message-success);
    --progress-energy:                       #f97316;
    --progress-shooting-experience:          #a8a6a6;
    --progress-achievements:                 var(--color-yellow);
    --progress-player-rank:                  var(--color-orange);
    --progress-jailbreak-rank:               var(--color-green-secondary);
    --progress-forum-rank:                   var(--color-blue);
    --progress-inventory:                    var(--color-teal);
    /* ============================================
       STATUS INDICATOR COLORS
       ============================================ */
    --status-paid:                           var(--message-success);
    --status-not-paid:                       #fd3333;
    --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));
    /* ============================================
       NAVIGATION COLORS
       ============================================ */
    --navigation-active:                     var(--text-h1);
    --navigation-hover:                      var(--theme-color);
    /* ============================================
       ACHIEVEMENT TIER COLORS
       ============================================ */
    --achievement-tier-common:               #9ca3af;
    --achievement-tier-uncommon:             #22c55e;
    --achievement-tier-rare:                 #3b82f6;
    --achievement-tier-very-rare:            var(--color-purple);
    --achievement-tier-legendary:            #f59e0b;
}

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