:root {
  --bnq-ink: #f4f7ff;
  --bnq-ink-dark: #111a35;
  --bnq-night: #081126;
  --bnq-navy: #101d3f;
  --bnq-coral: #ff6b4a;
  --bnq-coral-soft: #ffb39f;
  --bnq-cyan: #55d9d0;
  --bnq-paper: #edf2ff;
  --bnq-white: #ffffff;
  --bnq-muted: #68728d;
  --bnq-line: rgba(17, 26, 53, .14);
  --bnq-ui: "Avenir Next", Avenir, "Segoe UI", Arial, sans-serif;
  --bnq-display: Georgia, "Times New Roman", serif;
}

*,
*::before,
*::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

.bnq-doc-page {
  min-height: 100vh;
  margin: 0;
  color: var(--bnq-ink-dark);
  background:
    radial-gradient(circle at 8% 6%, rgba(85, 217, 208, .14), transparent 26rem),
    var(--bnq-paper);
  font: 16px/1.75 var(--bnq-ui);
}

.bnq-doc-page a { color: inherit; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}