/* The product's look over Antora's default UI: the tokens of
   frontend/src/kit/styles/tokens/light.css as plain colours. */
:root {
  --qf-primary: #003b5c;
  --qf-primary-deep: #002a42;
  --qf-yellow: #f2c300;
  --qf-bg: #f5f7f8;
  --qf-border: #d9e0e5;
  --qf-muted: #5a6b78;
  --qf-font: "Inter Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
html, body, .navbar, .nav, .toolbar, .doc, .toc { font-family: var(--qf-font); }
body { background: var(--qf-bg); color: #111; }

/* Header: the app's sidebar gradient. */
.navbar { background: linear-gradient(180deg, var(--qf-primary), var(--qf-primary-deep)); color: #fff; }
.navbar-brand .navbar-item { color: #fff; font-weight: 800; letter-spacing: -0.01em; display: inline-flex; align-items: center; gap: 0.5rem; }
.navbar-brand .brand-mark { border-radius: 6px; }
.navbar-menu { background: transparent; }
.navbar-end .navbar-item { color: rgba(255, 255, 255, 0.85); }
.navbar-end .navbar-item:hover { color: #fff; background: rgba(255, 255, 255, 0.08); }
.navbar-end .navbar-cta { background: var(--qf-yellow); color: var(--qf-primary); font-weight: 700; border-radius: 999px; margin: 0.45rem 0.5rem; padding: 0.3rem 0.9rem; }
.navbar-end .navbar-cta:hover { color: var(--qf-primary); filter: brightness(0.95); }
.navbar-burger span { background: #fff; }

/* Left navigation. */
.nav-container, .nav { background: #fff; }
.nav-panel-menu .nav-list .nav-link { color: #2c3a45; }
.nav-panel-menu .nav-item.is-current-page > .nav-link,
.nav-panel-menu .nav-item.is-current-page > .nav-text { color: var(--qf-primary); font-weight: 700; }
.nav-panel-menu .nav-item.is-current-page > .nav-link { border-left: 3px solid var(--qf-yellow); margin-left: -0.75rem; padding-left: calc(0.75rem - 3px); }
.nav-menu .title, .nav-panel-explore .context .title { color: var(--qf-primary); }
.nav-panel-explore .context { background: var(--qf-bg); border-top: 1px solid var(--qf-border); }

/* Article. */
.doc { color: #111; }
.doc h1, .doc h2, .doc h3 { color: var(--qf-primary); letter-spacing: -0.01em; }
.doc h2 { border-bottom: 1px solid var(--qf-border); padding-bottom: 0.25rem; }
.doc a { color: var(--qf-primary); text-decoration: underline; text-decoration-color: rgba(0, 59, 92, 0.3); }
.doc a:hover { text-decoration-color: var(--qf-primary); }
.doc .imageblock .content img { border: 1px solid var(--qf-border); border-radius: 12px; box-shadow: 0 12px 40px rgba(0, 42, 66, 0.12); background: #fff; }
.doc .imageblock .title { color: var(--qf-muted); font-size: 0.85rem; }
.doc code { background: #eef3f6; color: #0b2a44; border-radius: 4px; }
.doc table.tableblock th { background: #eef3f6; color: var(--qf-primary); }
.doc table.tableblock td, .doc table.tableblock th { border-color: var(--qf-border); }
.doc .qanda dt { color: var(--qf-primary); }
.doc .admonitionblock td.icon .title { color: var(--qf-primary); }

/* Toolbar, right contents, footer. */
.toolbar { background: #fff; border-bottom: 1px solid var(--qf-border); }
.breadcrumbs a { color: var(--qf-primary); }
.edit-this-page { display: none; }
.toc .toc-menu h3 { color: var(--qf-primary); }
.toc .toc-menu li.is-active > a { color: var(--qf-primary); border-left-color: var(--qf-yellow); font-weight: 600; }
.toc .toc-menu a { color: #2c3a45; }
.footer { background: var(--qf-primary-deep); color: rgba(255, 255, 255, 0.8); }
.footer a { color: #fff; }