/* docs/stylesheets/extra.css */
:root {
  --md-primary-fg-color: #18144C; 
  --md-primary-fg-color--light: #262073;
  --md-primary-fg-color--dark: #0d0b2e; 
  --md-accent-fg-color: #92C04F; 
  --md-accent-fg-color--transparent: rgba(146, 192, 79, 0.1); 
  --md-text-color: #2c2c35; 
  --md-typeset-color: #2c2c35; 
  --md-typeset-a-color: #92C04F; 
}

.md-typeset a:hover {
  color: #76a03b; 
  transition: color 0.2s ease-in-out;
}

body {
  background-color: #f4f4f9;
}

h1, h2, h3 {
  color: #18144C !important; 
}

/* Float image to the left, text wraps on the right */
.img-left {
  float: left;
  margin-right: 20px; /* Adds space between image and text */
  margin-bottom: 10px;
}

/* Float image to the right, text wraps on the left */
.img-right {
  float: right;
  margin-left: 20px; /* Adds space between image and text */
  margin-bottom: 10px;
}

/* Status badges for documentation tables */
.status-badge {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 12px;
  font-size: 0.8rem;
  font-weight: 600;
  color: #18144C;              /* matches your StatusBadge text color */
  white-space: nowrap;
}

.status-badge.submitted           { background: #F5A623; } /* brand-orange */
.status-badge.in-design           { background: #F5A623; } /* accent-2 */
.status-badge.awaiting-approval   { background: #F5A623; } /* brand-orange */
.status-badge.revision-requested  { background: #E5484D; color: #fff; } /* danger */
.status-badge.approved            { background: #30A46C; color: #fff; } /* accent */