/* Spectro Cloud 2025 brand palette overrides (shared house style) */
:root {
  --md-primary-fg-color:        #1F7A78;  /* Tranquil Teal */
  --md-primary-fg-color--light: #9EB277;  /* Tea Green */
  --md-primary-fg-color--dark:  #043736;  /* Darkest Teal */
  --md-accent-fg-color:         #B94B01;  /* Sunset Orange */
  --md-default-bg-color:        #F7F1ED;  /* Paper */
  --md-default-fg-color:        #012121;  /* Ink */
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color:        #012121;  /* Ink (dark) */
  --md-default-fg-color:        #F7F1ED;  /* Paper (light text on dark) */
}

.md-header {
  background-color: var(--md-primary-fg-color);
}

.md-typeset h1, .md-typeset h2, .md-typeset h3 {
  font-weight: 500;
  color: var(--md-primary-fg-color--dark);
}

[data-md-color-scheme="slate"] .md-typeset h1,
[data-md-color-scheme="slate"] .md-typeset h2,
[data-md-color-scheme="slate"] .md-typeset h3 {
  color: var(--md-primary-fg-color--light);
}

/* Status badges */
.status-blessed { background: #1F7A78; color: #F7F1ED; padding: 2px 8px; border-radius: 4px; font-weight: 600; }
.status-pending { background: #F0BE65; color: #012121; padding: 2px 8px; border-radius: 4px; font-weight: 600; }
.status-failed  { background: #B94B01; color: #F7F1ED; padding: 2px 8px; border-radius: 4px; font-weight: 600; }
.status-running { background: #7E5C8E; color: #F7F1ED; padding: 2px 8px; border-radius: 4px; font-weight: 600; }

/* At-a-glance summary cards on the Overview page */
.sgt-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 0.8rem;
  margin: 1rem 0 1.5rem;
}
.sgt-card {
  border: 1px solid var(--md-primary-fg-color--light);
  border-radius: 8px;
  padding: 0.8rem 1rem;
  background: rgba(31, 122, 120, 0.06);
}
.sgt-card .sgt-num {
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 1.1;
  color: var(--md-primary-fg-color);
}
.sgt-card .sgt-label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  opacity: 0.8;
}

/* Progress bar */
.sgt-progress {
  width: 100%;
  height: 14px;
  background: rgba(31, 122, 120, 0.15);
  border-radius: 7px;
  overflow: hidden;
  margin: 0.4rem 0 1rem;
}
.sgt-progress > span {
  display: block;
  height: 100%;
  background: var(--md-primary-fg-color);
  border-radius: 7px;
}

/* Outcome chips used in the explained Build Journal entries */
.chip {
  display: inline-block;
  padding: 1px 8px;
  border-radius: 999px;
  font-size: 0.8rem;
  font-weight: 600;
  white-space: nowrap;
}
.chip-pass    { background: #1F7A78; color: #F7F1ED; }
.chip-fail    { background: #B94B01; color: #F7F1ED; }
.chip-skipped { background: #F0BE65; color: #012121; }
.chip-nocommit{ background: #7E5C8E; color: #F7F1ED; }
.chip-pending { background: rgba(31,122,120,0.18); color: var(--md-primary-fg-color--dark); }

/* The "what this loop did" body inside a journal admonition reads as prose */
.md-typeset .admonition.loop-entry > p { margin: 0.4em 0; }