/* ── Brand overrides ─────────────────────────────────────────── */
:root {
  --color-brand-primary:   #E7AB12;
  --color-brand-secondary: #0D456C;
}

/* ── Page background ────────────────────────────────────────── */
body, .gradio-container {
  background-color: #003C66 !important;
}

/* ── Global button look ─────────────────────────────────────── */
button.gr-button {
  background-color: #003C66 !important;
  color:            #E7AB12 !important;
}
button.gr-button:hover {
  background-color: #0056b3 !important;
}

/* force the logo container to left‐align its child */
#logo-primary {
  display: block;          /* ensure it’s a block container */
  text-align: left !important;
}

/* still keep your size constraints */
#logo-primary img {
  max-width: 80%;
  max-height: 90%;
  height: auto;
  object-fit: contain;
  margin: 2 !important;
  
  /* nix any auto‐margins that might center it */
}

/* ── Header Markdown styling ───────────────────────────────── */
#header-text {
  /* overall container */
  font-size:   1.75rem;        /* ~23px */
  line-height: 1.6;
  font-weight: bold;
  color:       #C1CDDF !important;
}

/* ensure all child text elements inherit that color */
#header-text,
#header-text h1,
#header-text p,
#header-text strong,
#header-text b,
#header-text em {
  color: #C1CDDF !important;
}