/* The C reference in the site's clothes. doxygen draws everything from its
   own custom properties; these set them from the same tokens as _base.scss,
   so the page keeps doxygen's layout and takes the site's type and colours.
   The dark selectors match doxygen's HTML_COLORSTYLE = AUTO_LIGHT. */

html {
  --sans: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --mono: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --fg: #1f2328; --muted: #5b6270; --bg: #ffffff; --line: #e1e4e8;
  --code-bg: #f5f6f8; --accent: #2b5cc8; --brand-soft: #e8effd;
}
html.dark-mode { --fg: #e3e5e8; --muted: #9aa1ac; --bg: #15171a; --line: #2d3137;
  --code-bg: #1d2024; --accent: #8fb0ff; --brand-soft: #1e2a44; }
@media (prefers-color-scheme: dark) {
  html:not(.light-mode) { --fg: #e3e5e8; --muted: #9aa1ac; --bg: #15171a; --line: #2d3137;
    --code-bg: #1d2024; --accent: #8fb0ff; --brand-soft: #1e2a44; }
}

html, html.dark-mode, html:not(.light-mode) {
  --font-family-normal: var(--sans);
  --font-family-nav: var(--sans);
  --font-family-title: var(--sans);
  --font-family-toc: var(--sans);
  --font-family-search: var(--sans);
  --font-family-monospace: var(--mono);

  --page-background-color: var(--bg);
  --page-foreground-color: var(--fg);
  --page-link-color: var(--accent);
  --page-visited-link-color: var(--accent);

  --title-background-color: var(--bg);
  --title-separator-color: var(--line);
  --header-background-color: var(--bg);
  --header-gradient-image: none;
  --header-separator-color: var(--line);
  --separator-color: var(--line);
  --group-header-color: var(--fg);
  --group-header-separator-color: var(--line);

  --nav-background-color: var(--bg);
  --nav-foreground-color: var(--fg);
  --nav-gradient-image: none;
  --nav-gradient-hover-image: none;
  --nav-gradient-active-image: none;
  --nav-gradient-active-image-parent: none;
  --nav-separator-image: none;
  --nav-breadcrumb-image: none;
  --nav-text-normal-color: var(--fg);
  --nav-text-hover-color: var(--accent);
  --nav-text-active-color: var(--accent);
  --nav-text-normal-shadow: none;
  --nav-text-hover-shadow: none;
  --nav-text-active-shadow: none;
  --nav-menu-background-color: var(--bg);
  --nav-menu-foreground-color: var(--fg);
  --nav-menu-button-color: var(--fg);
  --nav-arrow-color: var(--muted);
  --nav-arrow-selected-color: var(--accent);

  --fragment-background-color: var(--code-bg);
  --fragment-foreground-color: var(--fg);
  --fragment-border-color: var(--line);
  --fragment-lineno-background-color: var(--code-bg);
  --fragment-lineno-border-color: var(--line);
  --fragment-lineno-foreground-color: var(--muted);
  --code-comment-color: var(--muted);
  --code-keyword-color: var(--fg);
  --code-type-keyword-color: var(--fg);
  --code-flow-keyword-color: var(--fg);
  --code-link-color: var(--accent);
  --code-external-link-color: var(--accent);

  --memdecl-background-color: var(--bg);
  --memdecl-foreground-color: var(--fg);
  --memdecl-separator-color: var(--line);
  --memdef-border-color: var(--line);
  --memdef-title-background-color: var(--code-bg);
  --memdef-title-gradient-image: none;
  --memdef-proto-background-color: var(--code-bg);
  --memdef-proto-text-color: var(--fg);
  --memdef-proto-text-shadow: none;
  --memdef-doc-background-color: var(--bg);
  --memdef-param-name-color: var(--fg);

  --table-cell-border-color: var(--line);
  --table-header-background-color: var(--code-bg);
  --table-header-foreground-color: var(--fg);
  --index-header-color: var(--fg);
  --index-separator-color: var(--line);
  --index-odd-item-bg-color: var(--bg);
  --index-even-item-bg-color: var(--code-bg);
  --toc-background-color: var(--code-bg);
  --toc-border-color: var(--line);
  --toc-header-color: var(--fg);
  --search-background-color: var(--bg);
  --search-foreground-color: var(--fg);
  --search-results-background-color: var(--bg);
  --search-results-foreground-color: var(--fg);
  --search-results-border-color: var(--line);
  --glow-color: var(--brand-soft);
  --footer-foreground-color: var(--muted);
  --label-background-color: var(--brand-soft);
  --label-foreground-color: var(--fg);
  --label-left-top-border-color: var(--line);
  --label-right-bottom-border-color: var(--line);
  --blockquote-background-color: var(--code-bg);
  --blockquote-border-color: var(--line);
}

body { line-height: 1.5; }
div.contents { max-width: 60rem; margin: 0 auto; padding: 0 1rem; }
div.header { border-bottom: 1px solid var(--line); }
div.header .headertitle .title { font-weight: 600; }
h2.groupheader { border-bottom: 1px solid var(--line); margin-top: 2em; }
#projectname { font-size: 1.25rem; font-weight: 600; }
#projectnumber { display: none; }
#projectbrief { color: var(--muted); }
#titlearea { border-bottom: 1px solid var(--line); }
.sm-dox { padding: 0 1rem; border-bottom: 1px solid var(--line); box-shadow: none; }
.sm-dox a, .sm-dox a:focus, .sm-dox a:hover, .sm-dox a:active, .sm-dox a.highlighted { text-shadow: none; }
.memtitle, .memproto, .memdoc, .memitem { box-shadow: none; border-radius: 2px; }
.memtitle { border-top: 1px solid var(--line); }
div.fragment, pre.fragment { border-radius: 2px; padding: 0.5rem 0.75rem; }
code, .memname, .paramname, .memItemLeft, .memItemRight, .memTemplItemLeft, .memTemplItemRight, td.memSeparator { font-family: var(--mono); }
hr.footer, address.footer, img.footer { display: none; }
.navpath ul { background: var(--bg); border-top: 1px solid var(--line); }

/* The site's own bar at the top, put there by the site build, and its
   footer, from the footer template. */
.site-return { font-family: var(--sans); font-size: 0.85em; color: var(--muted);
  padding: 0.5em 1rem; border-bottom: 1px solid var(--line); background: var(--bg); }
.site-return a { color: inherit; text-decoration: none; }
.site-return a:hover { color: var(--accent); }
.site-footer { max-width: 60rem; margin: 4em auto 0; padding: 1em 1rem 1.5em;
  border-top: 1px solid var(--line); font-family: var(--sans); font-size: 0.85em; color: var(--muted); }
.site-footer span + span::before { content: " \00b7 "; }
.site-footer a { color: inherit; }