/* ==========================================================================
   <br-navbar> — host-level theme tokens.
   The component's internal styles live in its Shadow DOM (navbar.js) and
   read these custom properties, so any page can retint the navbar by
   overriding them on :root (or on the element itself).
   ========================================================================== */

:root {
  /* accent: underline, active item, CTA, constellation notches */
  --br-nav-accent: #21d4fd;
  /* secondary accent (CTA gradient end, hover glow) */
  --br-nav-accent-2: #ff0080;
  /* pill / bar background */
  --br-nav-bg: rgba(11, 11, 20, 0.55);
  /* text color */
  --br-nav-ink: #eef2f6;
  /* border */
  --br-nav-line: rgba(238, 242, 246, 0.14);
  /* font stack — pages that load Space Grotesk get it, otherwise system */
  --br-nav-font: "Space Grotesk", system-ui, -apple-system, sans-serif;
}

/* reserve no layout space: the navbar floats above every page */
br-navbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2147480000;
  display: block;
  pointer-events: none; /* re-enabled on inner elements inside the shadow */
}