:root {
  /* Liberty Street Partners Brand Colors */
  --md-primary-fg-color:        #2c9d32;
  --md-primary-fg-color--light: #44b64b; /* Tints of primary */
  --md-primary-fg-color--dark:  #1e6e22; /* Shades of primary */

  --md-accent-fg-color:         #333333; /* Secondary Charcoal */
  --md-accent-fg-color--transparent: rgba(51, 51, 51, 0.1);
  
  /* Apply Inter font across the site (already set in MkDocs config, but we can override specific heading rules here) */
}

/* Typography Rules for Website Headers as per Brand Guideline */
h1, h2, h3, .md-typeset h1, .md-typeset h2, .md-typeset h3, .md-header__title {
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important; /* SemiBold */
}

/* Custom Header Banner Styling */
.md-header {
  background-color: var(--md-default-bg-color) !important; /* Remove green background */
  color: var(--md-default-fg-color) !important;
  box-shadow: none !important; /* Removed separator line */
  border-bottom: none !important; /* Removed separator line */
  height: 100px !important; /* Increase banner height */
}

/* Hide the text version of the company name */
.md-header__title {
  display: none !important;
}

/* Ensure header contents fill the new height */
.md-header__inner {
  height: 100% !important;
}

/* Adjust logo container to display full size with trimmed padding */
.md-header__button.md-logo {
  height: 100% !important;
  width: auto !important; /* Ensure width is not constrained */
  padding: 5px 16px !important; /* Decreased padding to maximize logo height */
  margin: 0 !important;
  margin-right: auto !important; /* Push everything else (search, toggle) to the right justify */
}

/* Ensure logo image takes full available height and increases size by 50% */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 100% !important;
  width: auto !important;
  max-height: none !important; 
  max-width: none !important;
  object-fit: contain;
  transform: scale(1.35) !important; /* Reduced 10% from 1.5 */
  transform-origin: left center !important;
}

/* Adjust search box background to be visible against white/dark header */
.md-header .md-search__input {
  background-color: var(--md-default-bg-color) !important;
  color: var(--md-default-fg-color) !important;
}

/* Header action icons color */
.md-header__button, 
.md-header .md-search__icon {
  color: var(--md-default-fg-color) !important;
}

/* Custom Navigation Tabs Styling */
.md-tabs {
  background-color: var(--md-default-bg-color) !important; /* White/Theme default background */
  border-bottom: none !important; /* Remove any lower borders */
  box-shadow: none !important;
}

.md-tabs__item .md-tabs__link {
  color: var(--md-default-fg-color) !important; /* Adapt properly to dark/light mode */
  font-weight: 600 !important;
}

.md-tabs__item .md-tabs__link--active,
.md-tabs__item--active .md-tabs__link,
.md-tabs__link[data-md-state="active"],
.md-tabs__item .md-tabs__link:active,
.md-tabs__item .md-tabs__link:hover {
  color: var(--md-primary-fg-color) !important; /* Keep primary green for active/hover state */
}

/* Ensure no gap between tabs and hero */
.md-main__inner {
  margin-top: 0 !important;
}

/* Dark Mode (Slate scheme) Specific Overrides */
[data-md-color-scheme="slate"] .md-header__button.md-logo img,
[data-md-color-scheme="slate"] .md-header__button.md-logo svg {
  /* Invert the charcoal text to white, then rotate hue 180deg to restore the green color, and boost brightness slightly */
  filter: invert(1) hue-rotate(180deg) brightness(1.2) !important;
}