/* The shared All applications bar (sections/shared/application-switcher.njk with
   application-switcher.css) on app-site pages: the site tokens it reads, mapped onto the
   app-site palette, and the app's own sticky nav and anchor offsets moved below it. */
.app-site.has-application-switcher {
  --background: var(--bg);
  --foreground: var(--fg);
  --muted-foreground: var(--fg-2);
  --border: var(--line);
  --card: var(--surface);
  --font-body: var(--f-body);
  --radius-sm: 0.25rem;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --duration-fast: 150ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --z-overlay: 100;
}
/* app-site.css element rules (link underlines, section rhythm, display headings) stay out of
   the bar; its own class rules still apply. */
.app-site :where(.application-bar a) {
  text-decoration: none;
}
.app-site .application-bar :where(section) {
  padding-block: 0;
  border-top: 0;
}
.app-site .application-bar :where(h2, h3) {
  letter-spacing: normal;
  text-wrap: wrap;
}
.app-site.has-application-switcher .nav {
  top: calc(env(safe-area-inset-top, 0px) + var(--application-bar-height));
}
html:has(> body.app-site.has-application-switcher) {
  scroll-padding-top: calc(88px + 2.75rem);
}