/* CGOS Portal brand theme for the admin guides.
 *
 * Colors lifted from the portal design tokens (site/src/styles/tokens.css):
 *   navy #002848, royal #025195, terra #de8870, gold #bc9f68,
 *   cream #f9f6ef, cream-card #fcfbf8.
 *
 * This is a starter that gives the docs a clear family resemblance to the
 * portal (navy header, gold rule, cream page, royal links). Refine as the
 * brand guide evolves. */

:root {
  /* Material primary (header / nav) and accent (interactive) */
  --md-primary-fg-color: #002848; /* navy */
  --md-primary-fg-color--light: #025195; /* royal */
  --md-primary-fg-color--dark: #001a2e;
  --md-primary-bg-color: #f9f6ef; /* cream text on navy */
  --md-accent-fg-color: #025195; /* royal */

  /* Page surface and links */
  --md-default-bg-color: #f9f6ef; /* cream page */
  --md-typeset-a-color: #025195; /* royal links */
}

/* Dark mode: keep navy header, warm the accent to gold */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #002848;
  --md-accent-fg-color: #bc9f68; /* gold */
  --md-typeset-a-color: #d8c293;
  --md-default-bg-color: #0b1622;
}

/* A gold hairline under the header, echoing the portal's gold rule. */
.md-header {
  border-bottom: 2px solid #bc9f68;
}

/* Content cards / tables read on a slightly lifted cream-card surface. */
[data-md-color-scheme="default"] .md-typeset table:not([class]) {
  background: #fcfbf8;
}

/* Headings in navy for the light scheme. */
[data-md-color-scheme="default"] .md-typeset h1,
[data-md-color-scheme="default"] .md-typeset h2,
[data-md-color-scheme="default"] .md-typeset h3 {
  color: #002848;
}

/* Admonitions (note/tip) get a gold left accent to match the portal eyebrows. */
.md-typeset .admonition,
.md-typeset details {
  border-left-color: #bc9f68;
}