/* ============================================================
   Server Startup × Alcampo — Brand Theme
   Colors extracted from serverstartup-logo-v3/v4.png
   ============================================================ */

/* --- Primary palette (ServerStartup grey/dark) --- */
:root {
  --md-primary-fg-color: #2D3436;
  --md-primary-fg-color--light: #636E72;
  --md-primary-fg-color--dark: #1E2528;
  --md-primary-bg-color: #FFFFFF;
  --md-primary-bg-color--light: #F5F6F7;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #C5CAD0;
  --md-primary-fg-color--light: #DFE6E9;
  --md-primary-fg-color--dark: #B2BEC3;
  --md-primary-bg-color: #2D3436;
  --md-primary-bg-color--light: #3D4749;
}

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

.md-header__button.md-logo img {
  height: 1.8rem;
  width: auto;
}

/* --- Footer brand --- */
.footer-brand {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  opacity: 0.8;
}

.footer-brand .footer-logo {
  height: 1.2rem;
  width: auto;
}

/* --- Tabs accent (Alcampo red touch) --- */
.md-tabs {
  background-color: var(--md-primary-fg-color--dark);
}

/* --- Admonition "info" boxes — subtle brand tint --- */
.md-typeset .admonition.info,
.md-typeset details.info {
  border-color: #636E72;
}

/* ============================================================
   Component Badges — Subtle pills aligned with architecture diagram
   Colors = fill values from sales-ecosystem-component.mmd classDefs
   ============================================================ */
.badge {
  display: inline;
  padding: 1px 7px;
  border-radius: 10px;
  font-size: 0.85em;
  font-weight: 500;
  white-space: nowrap;
}

/* Systems — Grey */
.badge-system   { background: #f5f5f5; border: 1px solid #bdbdbd; }

/* Yoda / Gravitee — Green */
.badge-yoda     { background: #dcedc8; border: 1px solid #aed581; }

/* Karaf / PoS process — Red */
.badge-karaf    { background: #ffcdd2; border: 1px solid #ef9a9a; }

/* GCP Middleware (Dataflow) — Light Blue */
.badge-gcp      { background: #e1f5fe; border: 1px solid #81d4fa; }

/* GCF Monitor — Deeper Blue */
.badge-gcf      { background: #e3f2fd; border: 1px solid #90caf9; }

/* Pub/Sub & GCS — Google Blue */
.badge-pubsub   { background: #e3f2fd; border: 1px solid #64b5f6; }

/* Bronze — Warm Orange */
.badge-bronze   { background: #ffe0b2; border: 1px solid #ffb74d; }

/* Silver — Light Grey */
.badge-silver   { background: #eeeeee; border: 1px solid #bdbdbd; }

/* Staging — Wood */
.badge-staging  { background: #d7ccc8; border: 1px solid #a1887f; }

/* Ocado Datafeeds — Charcoal (inverted for readability) */
.badge-ocado    { background: #cfd8dc; border: 1px solid #90a4ae; }

/* dbt — Orange */
.badge-dbt      { background: #ffccbc; border: 1px solid #ff8a65; }

/* Library — Yellow */
.badge-library  { background: #fff9c4; border: 1px solid #fff176; }

/* Dark mode adjustments */
[data-md-color-scheme="slate"] .badge {
  color: #1a1a1a;
}