/* Body and Base Styles */
html, body {
    background-color: #0a0a0a;
    color: #e0e0e0;
  }
  
  .white-bg {
    background-color: #1a1a1a !important;
  }
  
  .box-dark {
    background-color: #252525 !important;
    color: #b0b0b0 !important;
  }
  
  /* Headers */
  h1, h2, h3, h4, h5, h6 {
    color: #e0e0e0 !important;
  }
  
  /* Links */
  a {
    color: #81c332 !important;
  }
  
  a:hover, a:focus {
    color: #a1ef43 !important;
  }
  
  /* Buttons */
  .button.button {
    background-color: #81c332 !important;
    color: #0a0a0a !important;
    border: none !important;
  }
  
  .button.button:hover,
  .button.button:focus {
    background-color: #a1ef43 !important;
    color: #0a0a0a !important;
  }
  
  .button.button.button-more {
    background-color: #252525 !important;
    color: #81c332 !important;
  }
  
  .button.button.button-more:hover {
    background-color: #2a2a2a !important;
    color: #a1ef43 !important;
  }
  
  .button.button.button-buy {
    background-color: #81c332 !important;
    color: #0a0a0a !important;
  }
  
  .button.button.button-buy:hover {
    background-color: #a1ef43 !important;
    color: #0a0a0a !important;
  }
  
  .button.hollow.white {
    border: 2px solid #e0e0e0 !important;
    color: #e0e0e0 !important;
    background-color: transparent !important;
  }
  
  .button.hollow.white:hover {
    background-color: #e0e0e0 !important;
    color: #0a0a0a !important;
  }
  
  /* Header Bar */
  .header-bar {
    background-color: #0a0a0a !important;
    border-bottom: 1px solid #333333;
  }
  
  .header-bar a {
    color: #b0b0b0 !important;
  }
  
  .header-bar a:hover {
    color: #81c332 !important;
  }
  
  .header-bar .dropdown.menu .is-dropdown-submenu.is-dropdown-submenu {
    border: 1px solid #333333 !important;
    background-color: #1e1e1e !important;
  }
  
  .header-bar .dropdown.menu .is-dropdown-submenu.is-dropdown-submenu li {
    border-bottom: 1px solid #333333 !important;
    border-right: 1px solid #333333 !important;
  }
  
  .header-bar .dropdown.menu .is-dropdown-submenu.is-dropdown-submenu a img {
    border: 1px solid #333333 !important;
  }
  
  /* Main Header */
  .main-header .top-bar,
  .top-bar {
    background-color: #252525 !important;
    border-bottom: 2px solid #333333;
  }
  
  .main-header .top-bar .top-bar-right a {
    color: #b0b0b0 !important;
    border-bottom: 3px solid #1a1a1a !important;
  }
  
  .main-header .top-bar .top-bar-right a:hover,
  .main-header .top-bar .top-bar-right a.active {
    color: #e0e0e0 !important;
    border-color: #81c332 !important;
  }
  
  /* Footer */
  .main-footer {
    background-color: #0a0a0a !important;
    color: #808080 !important;
    border-top: 1px solid #333333;
  }
  
  .main-footer a {
    color: #808080 !important;
  }
  
  .main-footer a:hover {
    color: #81c332 !important;
  }
  
  /* Partners Section */
  .partners {
    background-color: #252525 !important;
    border-top: 1px solid #333333;
  }
  
  /* Social Box */
  .social-box {
    background-color: #1e1e1e !important;
  }
  
  /* Home News */
  .home-news {
    background-color: #1e1e1e !important;
  }
  
  /* Forms and Inputs */
  [type='text'], [type='password'], [type='date'], [type='datetime'], 
  [type='datetime-local'], [type='month'], [type='week'], [type='email'], 
  [type='number'], [type='search'], [type='tel'], [type='time'], 
  [type='url'], [type='color'], textarea, select {
    background-color: #252525 !important;
    border: 1px solid #333333 !important;
    color: #e0e0e0 !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  }
  
  [type='text']:focus, [type='password']:focus, [type='date']:focus, 
  [type='email']:focus, [type='number']:focus, [type='search']:focus,
  textarea:focus, select:focus {
    background-color: #2a2a2a !important;
    border-color: #81c332 !important;
    box-shadow: 0 0 5px rgba(129, 195, 50, 0.3) !important;
  }
  
  input:disabled, input[readonly],
  textarea:disabled, textarea[readonly] {
    background-color: #1a1a1a !important;
  }
  
  /* Tables */
  table {
    background-color: #1e1e1e !important;
    border: 1px solid #333333 !important;
  }
  
  thead, tfoot {
    background-color: #252525 !important;
    color: #e0e0e0 !important;
    border: 1px solid #333333 !important;
  }
  
  tbody {
    background-color: #1e1e1e !important;
    border: 1px solid #333333 !important;
  }
  
  tbody tr:nth-child(even) {
    background-color: #1a1a1a !important;
  }
  
  tbody th, tbody td {
    color: #e0e0e0 !important;
  }
  
  /* Pagination */
  .pagination-wrap {
    border: 1px solid #333333 !important;
    background-color: #1e1e1e !important;
  }
  
  .pagination li {
    border-left: 1px solid #333333 !important;
  }
  
  .pagination li a,
  .pagination li .dots {
    color: #e0e0e0 !important;
  }
  
  .pagination li a:hover {
    background-color: #2a2a2a !important;
    color: #81c332 !important;
  }
  
  .pagination .current {
    background-color: #81c332 !important;
    color: #0a0a0a !important;
  }
  
  .pagination-previous,
  .pagination-next {
    background-color: #1e1e1e !important;
  }
  
  /* DLC Featured */
  .dlc-featured__info {
    background-color: rgba(26, 26, 26, 0.95) !important;
    color: #b0b0b0 !important;
  }
  
  .dlc__title {
    background-color: #252525 !important;
  }
  
  .dlc__title h4 {
    color: #e0e0e0 !important;
  }
  
  .dlc__content {
    background-color: #1e1e1e !important;
  }
  
  .dlc__overview {
    color: #e0e0e0 !important;
  }
  
  .preheader, .dlc__price {
    color: #81c332 !important;
  }
  
  /* Machines */
  .machines {
    background-color: #1e1e1e !important;
  }
  
  .machines__overview {
    background-color: #252525 !important;
    color: #e0e0e0 !important;
  }
  
  .machines__overview h4 {
    color: #b0b0b0 !important;
    border-bottom: 1px solid #333333 !important;
  }
  
  .machines__img {
    background-color: #1a1a1a !important;
  }
  
  /* Mods */
  .mod-item__content {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
  }
  
  .mod-item__content h4 {
    color: #e0e0e0 !important;
  }
  
  .mod-item__img {
    background-color: #252525 !important;
  }
  
  .machines--mods .machines__overview {
    background-color: #1e1e1e !important;
  }
  
  /* Features Tabs */
  .features-tabs .tabs {
    background-color: #252525 !important;
    border: none !important;
  }
  
  .features-tabs .tabs-title > a {
    color: #b0b0b0 !important;
  }
  
  .features-tabs .tabs-title > a:hover,
  .features-tabs .tabs-title.is-active > a,
  .features-tabs .tabs-title > a:focus,
  .features-tabs .tabs-title > a[aria-selected='true'] {
    color: #e0e0e0 !important;
    border-bottom: 3px solid #81c332 !important;
    background: transparent !important;
  }
  
  .features-tabs .tabs-content {
    background-color: #1a1a1a !important;
    border: none !important;
  }
  
  .features-tabs .tabs.brands .tabs-title a {
    background-color: #252525 !important;
    border-right: 1px solid #333333 !important;
  }
  
  .features-tabs .tabs.brands .tabs-title.is-active a,
  .features-tabs .tabs.brands .tabs-title > a:hover {
    background-color: #252525 !important;
    border-right: 1px solid #81c332 !important;
  }
  
  /* Gallery */
  .gallery-cell {
    background-color: #252525 !important;
  }
  
  /* News */
  .news-wrap {
    background-color: #1e1e1e !important;
    border-bottom: 1px solid #333333 !important;
  }
  
  .news-wrap h1, .news-wrap h1 a {
    color: #e0e0e0 !important;
  }
  
  .news-wrap .news-date {
    color: #808080 !important;
  }
  
  .news-wrap p {
    color: #b0b0b0 !important;
  }
  
  /* FAQ */
  .faq > li {
    border-bottom: 1px solid #333333 !important;
  }
  
  .faq > li:first-child {
    border-top: 1px solid #333333 !important;
  }
  
  .faq__answer {
    background-color: #1e1e1e !important;
    border-top: 1px solid #333333 !important;
  }
  
  .faq__question:after {
    border-top: 10px solid #e0e0e0 !important;
  }
  
  .faq__question.show:after {
    border-bottom: 10px solid #81c332 !important;
  }
  
  /* Platform Content */
  .platform-content {
    background-color: #1a1a1a !important;
    background: radial-gradient(ellipse at center, #1a1a1a 1%, #1a1a1a 35%, #0a0a0a 99%) !important;
  }
  
  .platform-content .name {
    color: #e0e0e0 !important;
  }
  
  .platform-content .platform {
    color: #b0b0b0 !important;
  }
  
  .price-wrap money {
    color: #e0e0e0 !important;
  }
  
  /* Platform Navigation */
  .platform-nav-wrap {
    background-color: #1e1e1e !important;
  }
  
  .platform-nav h3 {
    background-color: #252525 !important;
    color: #e0e0e0 !important;
  }
  
  /* Video Box */
  .video-box .btn-control {
    background-color: #252525 !important;
  }
  
  .video-box .btn-control:hover {
    background-color: #2a2a2a !important;
  }
  
  /* Callouts */
  .callout {
    background-color: #1e1e1e !important;
    border: 1px solid #333333 !important;
    color: #e0e0e0 !important;
  }
  
  /* Select Boxes */
  .select-default {
    background-color: #252525 !important;
  }
  
  .select-default select {
    color: #e0e0e0 !important;
  }
  
  .select-default:after {
    border-top: 8px solid #e0e0e0 !important;
  }
  
  /* Media Format */
  .media-format .button {
    background-color: #252525 !important;
  }
  
  .media-format .button:hover,
  .media-format .button.active {
    background-color: #81c332 !important;
  }
  
  .media-format__title {
    background-color: #252525 !important;
    color: #e0e0e0 !important;
  }
  
  /* Thumbnail Elements */
  .thumb-element > ul > li {
    background-color: #252525 !important;
    border-left: 1px solid #333333 !important;
    border-bottom: 1px solid #333333 !important;
  }
  
  /* Payment Method */
  .payment-method .table-cell:first-child {
    background-color: #252525 !important;
    color: #e0e0e0 !important;
  }
  
  /* Brand Products */
  .brand-prod-wrap {
    background-color: #1e1e1e !important;
  }
  
  .brand-prod-details {
    background-color: #252525 !important;
  }
  
  .brand-prod-details .info-wrap {
    color: #e0e0e0 !important;
  }
  
  .brand-prod-details .info-wrap h4 {
    color: #b0b0b0 !important;
    border-bottom: 1px solid #333333 !important;
  }
  
  .brand-prod-details .info-wrap h5,
  .brand-prod-details .info-wrap p {
    color: #e0e0e0 !important;
  }
  
  .brand-prod-details ul li.info-tab {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
  }
  
  .brand-prod-details ul li.details-tab {
    background-color: #252525 !important;
    color: #b0b0b0 !important;
  }
  
  /* Social News Block */
  .social-news-block {
    background-color: #1e1e1e !important;
    color: #b0b0b0 !important;
  }
  
  .social-news-block .post-date {
    color: #e0e0e0 !important;
  }
  
  /* Social Header */
  .social-header .title-wrap {
    background-color: #252525 !important;
    color: #e0e0e0 !important;
  }
  
  .social-header .follow-btn {
    background-color: #81c332 !important;
    color: #0a0a0a !important;
  }
  
  .social-header .follow-btn:hover {
    background-color: #a1ef43 !important;
  }
  
  /* Updates Box */
  .updates-box {
    border: 1px solid #333333 !important;
  }
  
  .updates-box-col:first-child:after {
    background-color: #333333 !important;
  }
  
  .updates-box h3,
  .updates-box h5 {
    color: #e0e0e0 !important;
  }
  
  .updates-box p {
    color: #b0b0b0 !important;
  }
  
  /* Game Description Tabs */
  .game-description .tabs {
    border-color: #333333 !important;
    background-color: transparent !important;
  }
  
  .game-description .tabs-title {
    border-left: 1px solid #333333 !important;
  }
  
  .game-description .tabs-title > a {
    color: #b0b0b0 !important;
  }
  
  .game-description .tabs-title > a:hover {
    background-color: #252525 !important;
  }
  
  .game-description .tabs-title > a:focus,
  .game-description .tabs-title > a[aria-selected="true"] {
    background-color: transparent !important;
    color: #e0e0e0 !important;
  }
  
  .game-description .tabs-content {
    background-color: transparent !important;
  }
  
  .game-description .tabs-panel {
    color: #b0b0b0 !important;
  }
  
  /* Status Indicator */
  .main-header .status-indicator.online {
    background-color: #81c332 !important;
    color: #0a0a0a !important;
  }
  
  /* HR Elements */
  hr {
    border-bottom: 1px solid #333333 !important;
  }
  
  /* Code blocks */
  code {
    background-color: #252525 !important;
    color: #81c332 !important;
    border: 1px solid #333333 !important;
  }
  
  /* Blockquotes */
  blockquote {
    border-left: 1px solid #333333 !important;
    color: #b0b0b0 !important;
  }
  
  blockquote p {
    color: #b0b0b0 !important;
  }
  
  /* Dropdown menus */
  .dropdown-pane {
    background-color: #1e1e1e !important;
    border: 1px solid #333333 !important;
  }
  
  .is-dropdown-submenu {
    background-color: #1e1e1e !important;
    border: 1px solid #333333 !important;
  }
  
  /* Off-canvas */
  .off-canvas {
    background-color: #252525 !important;
  }
  
  .off-canvas-content {
    background-color: #1a1a1a !important;
  }
  
  /* Reveal modal */
  .reveal {
    background-color: #1e1e1e !important;
    border: 1px solid #333333 !important;
  }
  
  .reveal-overlay {
    background-color: rgba(0, 0, 0, 0.9) !important;
  }
  
  /* Tooltips */
  .tooltip {
    background-color: #252525 !important;
    color: #e0e0e0 !important;
  }
  
  .tooltip::before {
    border-color: transparent transparent #252525 !important;
  }
  
  /* Switches */
  .switch-paddle {
    background-color: #333333 !important;
  }
  
  input:checked ~ .switch-paddle {
    background-color: #81c332 !important;
  }
  
  /* Progress bars */
  .progress {
    background-color: #252525 !important;
  }
  
  .progress.primary .progress-meter {
    background-color: #81c332 !important;
  }
  
  /* Labels */
  .label {
    background-color: #81c332 !important;
    color: #0a0a0a !important;
  }
  
  /* Accordion */
  .accordion {
    background-color: #1e1e1e !important;
    border: 1px solid #333333 !important;
  }
  
  .accordion-title {
    border-bottom: 1px solid #333333 !important;
    color: #81c332 !important;
  }
  
  .accordion-title:hover,
  .accordion-title:focus {
    background-color: #2a2a2a !important;
  }
  
  .accordion-content {
    background-color: #1e1e1e !important;
    border-bottom: 1px solid #333333 !important;
  }
  
  /* Breadcrumbs */
  .breadcrumbs li {
    color: #e0e0e0 !important;
  }
  
  .breadcrumbs a {
    color: #81c332 !important;
  }
  
  /* Badges */
  .badge {
    background-color: #81c332 !important;
    color: #0a0a0a !important;
  }
  
  /* Menu */
  .menu > li > a {
    color: #b0b0b0 !important;
  }
  
  .menu > li > a:hover {
    color: #81c332 !important;
  }
  
  /* Title elements */
  .title-base:before {
    background-color: #81c332 !important;
  }
  
  /* Content wrapper */
  .content-wrap {
    background-color: #1a1a1a !important;
  }
  
  /* Features slider bottom */
  .features-slider-bottom {
    background-color: #252525 !important;
  }
  
  .features-name {
    color: #e0e0e0 !important;
  }
  
  /* Input group */
  .input-group-label {
    background-color: #252525 !important;
    color: #e0e0e0 !important;
    border: 1px solid #333333 !important;
  }
  
  /* Table2 */
  .table2 {
    border: 1px solid #333333 !important;
    background-color: #1e1e1e !important;
  }
  
  .table-even {
    background-color: #1a1a1a !important;
  }
  
  /* Flickity dots */
  .flickity-page-dots .dot {
    border: 2px solid #e0e0e0 !important;
  }
  
  .flickity-page-dots .dot.is-selected {
    background-color: #e0e0e0 !important;
  }
  
  .features-gallery .flickity-page-dots .dot {
    border-color: #e0e0e0 !important;
  }
  
  .features-gallery .flickity-page-dots .dot.is-selected {
    background-color: #e0e0e0 !important;
  }