:root > * {
  /* --- STEAM PALETTE CONFIGURATION --- */
  --md-default-bg-color:          #1b2838; /* Main body background (Steam Navy) */
  --md-default-bg-color--light:   #121a24; /* Card backgrounds */
  
  --md-primary-fg-color:          #171a21; /* Top header & sidebar base */
  --md-primary-fg-color--light:   #1e232d; /* Hovered states / secondary headers */
  --md-primary-fg-color--dark:    #0e1014; /* Deep footer / black elements */

  --md-accent-fg-color:           #2ea8e6; /* Active tabs, primary buttons (Bright Blue) */
  --md-accent-fg-color--transparent: rgba(46, 168, 230, 0.1);

  /* --- TEXT & INTERFACE --- */
  --md-default-fg-color:          #c6d4df; /* Main text (Steam light grey) */
  --md-default-fg-color--light:   #8f98a0; /* Muted text / labels */
  --md-typeset-a-color:           #66c0f4; /* Hyperlink color */
  
  /* --- CODE BLOCKS --- */
  --md-code-bg-color:             #0d121a; /* Pitch black-blue for code blocks */
  --md-code-fg-color:             #e1e5eb;
}

/* Make navigation header feel integrated like the Steam client top bar */
.md-header {
  background-color: var(--md-primary-fg-color);
  border-bottom: 1px solid #232c3d;
}

/* Active navigation tab underline matching the STORE tab in the screenshot */
.md-tabs__item--active {
  color: #fff !important;
  border-bottom: 3px solid #1a9fff !important;
}

/* Custom styled content cards to mimic the game listings */
.md-content__inner {
  background-color: rgba(23, 26, 33, 0.4);
  padding: 20px;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

/* Custom Steam-like scrollbar */
::-webkit-scrollbar {
  width: 10px;
  background: #171a21;
}
::-webkit-scrollbar-thumb {
  background: #3d4450;
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
  background: #4b5465;
}

/* --- CUSTOM BADGES (Gaming UI Elements) --- */
/* You can apply these classes to span elements in your markdown */

.badge-library {
  background-color: rgba(92, 177, 72, 0.2);
  color: #a4d007;
  border: 1px solid #5cb130;
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 0.75em;
  font-weight: bold;
  display: inline-block;
}

.badge-hypervisor {
  background-color: rgba(168, 65, 209, 0.2);
  color: #d67fff;
  border: 1px solid #a841d1;
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 0.75em;
  font-weight: bold;
  display: inline-block;
  text-transform: uppercase;
}

.steam-btn-green {
  background-color: #5cb148;
  color: white !important;
  padding: 6px 16px;
  border-radius: 4px;
  font-weight: bold;
  text-decoration: none !important;
  display: inline-block;
}
.steam-btn-green:hover {
  background-color: #69c652;
}
.steam-btn-blue {
  background-color: #2ea8e6 !important;
  color: #171a21 !important; /* Dark text for high contrast on the bright blue button */
  padding: 6px 16px;
  border-radius: 4px;
  font-weight: bold;
  text-decoration: none !important;
  display: inline-block;
  margin-bottom: 10px;
}
.steam-btn-blue:hover {
  background-color: #46b7ed !important;
}