/* BVR ST CO Brand Styles */

:root {
  /* Primary brand color */
  --md-primary-fg-color: #FF7E42;
  --md-primary-fg-color--light: #FF9A6C;
  --md-primary-fg-color--dark: #E56A2E;
  
  /* Accent color (used for links, highlights) */
  --md-accent-fg-color: #FF7E42;
  --md-accent-fg-color--transparent: rgba(255, 126, 66, 0.1);
  
  /* Background */
  --md-default-bg-color: #FFFFFF;
  --md-default-bg-color--light: #FAFAFA;
  --md-default-bg-color--lighter: #F5F5F5;
  --md-default-bg-color--lightest: #EEEEEE;
  
  /* Text colors */
  --md-default-fg-color: #000000;
  --md-default-fg-color--light: #302D2C;
  --md-default-fg-color--lighter: #545454;
  --md-default-fg-color--lightest: #757575;
  
  /* Typography */
  --md-typeset-color: #302D2C;
}

/* Headers - pure black */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  color: #000000;
  font-weight: 600;
}

/* Paragraph text - off-black */
.md-typeset p,
.md-typeset li,
.md-typeset td {
  color: #302D2C;
}

/* Navigation header */
.md-header {
  background-color: #FF7E42;
}

/* Navigation tabs */
.md-tabs {
  background-color: #FF7E42;
}

/* Links */
.md-typeset a {
  color: #FF7E42;
}

.md-typeset a:hover {
  color: #E56A2E;
}

/* Sidebar active item */
.md-nav__link--active {
  color: #FF7E42 !important;
}

/* Code blocks */
.md-typeset code {
  background-color: #F5F5F5;
  color: #302D2C;
}

/* Admonition (info boxes) customization */
.md-typeset .admonition.info,
.md-typeset details.info {
  border-color: #FF7E42;
}

.md-typeset .info > .admonition-title,
.md-typeset .info > summary {
  background-color: rgba(255, 126, 66, 0.1);
}

/* Search bar */
.md-search__input {
  background-color: rgba(255, 255, 255, 0.1);
}

/* Footer */
.md-footer {
  background-color: #302D2C;
}

/* Tables */
.md-typeset table:not([class]) th {
  background-color: #FF7E42;
  color: #FFFFFF;
}

/* Buttons */
.md-typeset .md-button--primary {
  background-color: #FF7E42;
  border-color: #FF7E42;
}

.md-typeset .md-button--primary:hover {
  background-color: #E56A2E;
  border-color: #E56A2E;
}